Tempered Petrol color palette — #D5F0F1 · #00758A · #004A69 · #00244E · #040028
Built around Teal, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#D5F0F1): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004A69): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#00244E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#040028): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Softworn Cypress Grove color palette (#CEF5E5, #008175, #004B52, #002733, #000A14)
- Azure Studio color palette (#D8F5FF, #00A5D8, #006891, #003351, #000918)
- Navy Parlor color palette (#D0E4EA, #0078AA, #00498A, #1C0776, #0F0029)
- Timeworn Onyx color palette (#D9F3F0, #008698, #004E75, #002B62, #330046)
- Patina Lantern color palette (#D6E7F7, #0071AE, #804900, #003A5C, #100500)
- Orchid Courtyard color palette (#CDE4F7, #97A4ED, #AD67B5, #005562, #010F28)
- Cornflower Quarry color palette (#D1E1F7, #0081E8, #004594, #00163C, #000106)
- Dusty Dune color palette (#FCE6D9, #00A771, #0062A9, #09091B, #000104)
Browse the whole catalog at Explore, or see today's palette.