Tempered Petrol color palette — #EEF0E3 · #75BDD3 · #007394 · #004F56 · #003249
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#EEF0E3): a clean, paper-quiet neutral.
- Cyan (#75BDD3): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Teal (#003249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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 Petrol color palette (#F7E5DB, #63C2DC, #0072A9, #004C43, #021239)
- Gentle Quarry color palette (#D8FFF0, #9DC2EB, #7096FC, #00647E, #193D34)
- Weathered Cobalt Cabin color palette (#F4F6EF, #A3D1BC, #0081B9, #005D6E, #154439)
- Softworn Cobalt color palette (#F7EAF2, #6FD4EF, #168FCD, #006D60, #1A2D4E)
- Ancient Canyon color palette (#F4F6EF, #C4E8E7, #60A2C6, #3B7984, #325248)
- Tempered Azure Garden color palette (#C3E6FF, #28A4E3, #005E8A, #002D45, #001725)
- Worn Villa color palette (#FBEBE2, #B5DFC6, #63AAEB, #009476, #252951)
- Navy Study color palette (#E4E8DB, #4C88AA, #004066, #00212B, #00091A)
Browse the whole catalog at Explore, or see today's palette.