Tempered Petrol color palette — #F4ECF2 · #73BFC9 · #007296 · #00523F · #062F53
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4ECF2): a clean, paper-quiet neutral.
- Cyan (#73BFC9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#062F53): 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
- Hushed Sapphire Summit color palette (#F5ECEF, #8BB8D2, #0066C6, #004F51, #242857)
- Tempered Petrol color palette (#E9EBD9, #6EC2CE, #00788D, #004B4A, #001922)
- Aged Cerulean Field color palette (#DEF4F0, #7CD4E1, #0096B0, #006C6B, #003342)
- Cornflower Boulevard color palette (#FCF2F6, #9BD7FA, #367FDB, #006669, #373B66)
- Timeworn Turquoise color palette (#F5EDE1, #B7DFC0, #30B5DA, #009283, #00324A)
- Lagoon Hollow color palette (#E8DCE4, #39A19C, #005360, #003218, #001623)
- Weathered Workshop color palette (#F9F3F7, #D5E1F3, #66A1C3, #367D6D, #435469)
- Azure Quarry color palette (#C7F7F5, #7CE3DB, #00AAD9, #606700, #123A3C)
Browse the whole catalog at Explore, or see today's palette.