Tempered Petrol color palette — #DAF6FF · #007899 · #004A68 · #001D31 · #000104
Teal takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DAF6FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007899): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004A68): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001D31): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cypress Chapel color palette (#C1E8DB, #007B6B, #004C46, #001616, #000202)
- Fern Harbor color palette (#D7EEE2, #007695, #435F00, #00303F, #010100)
- Obsidian Onyx color palette (#CFEFEA, #00626C, #00394E, #001244, #0B0028)
- Patina Cornflower color palette (#DCE9FA, #2A85EC, #003D77, #000919, #000104)
- Powdered Navy color palette (#D7F4F4, #00899C, #00618A, #003975, #040036)
- Ancient Aubergine Parlor color palette (#F3D7F2, #004EB1, #72007B, #003A39, #000106)
- Hushed Terrace color palette (#F1E3F1, #9EB5F4, #847BEF, #004E7C, #00000A)
- Dusty Courtyard color palette (#E1EFFF, #0062D7, #001EC5, #060041, #01000A)
Browse the whole catalog at Explore, or see today's palette.