Tempered Petrol color palette — #D7E7EB · #007C96 · #00546C · #002D42 · #000E1B
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7E7EB): a clean, paper-quiet neutral.
- Teal (#007C96): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00546C): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002D42): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000E1B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Tempered Petrol color palette (#CFEFF7, #007A96, #004B63, #00131F, #000103)
- Wandering Corridor color palette (#D6E9E0, #007F64, #005146, #00302B, #001010)
- Fern Market color palette (#E1F3FF, #007398, #3B6600, #003E53, #030800)
- Indigo Studio color palette (#D8ECFF, #809ECA, #6B73CE, #005979, #001027)
- Aubergine Canyon color palette (#DCF0FF, #005E8D, #67209A, #00483A, #000205)
- Pale Cobalt Bloom color palette (#CCE8F9, #2BA6EF, #0078CB, #004897, #10265C)
- Tempered Loft color palette (#DFEDFA, #006ECA, #0040AF, #020176, #050030)
- Weathered Cobalt Boulevard color palette (#D6F3FF, #45C5FD, #008ECC, #00639D, #003C70)
Browse the whole catalog at Explore, or see today's palette.