Tempered Petrol color palette — #DFECEA · #8CBBD1 · #007794 · #004B4F · #001925
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFECEA): a clean, paper-quiet neutral.
- Ash (#8CBBD1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Worn Cerulean Hollow color palette (#EAF4F3, #A3CEE9, #4384A6, #005967, #00233A)
- Denim Studio color palette (#D6ECEB, #75A3C0, #005C94, #003747, #000A1E)
- Patina Loft color palette (#F6ECE7, #94BCA3, #00709F, #005145, #052B60)
- Worn Abyss Loft color palette (#DDEEEC, #4D809A, #004061, #001E26, #000104)
- Tempered Alley color palette (#C1F8FD, #8CD6CB, #4EAFB6, #006B3C, #002024)
- Softworn Loft color palette (#D6F2E9, #02B08F, #006753, #002F23, #000705)
- Wandering Ridge color palette (#D7E4D2, #3C943B, #007038, #003B23, #001A0F)
- Aged Terrace color palette (#CBF7FA, #007E5E, #00668D, #564D00, #000F08)
Browse the whole catalog at Explore, or see today's palette.