Tempered Petrol color palette — #D0EEE1 · #0079A3 · #845500 · #5C3A00 · #000F19
Built around Cerulean, softened by Coffee — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0EEE1): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#0079A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#845500): A full-bodied, balanced gold — the color of honey in a jar.
- Bronze (#5C3A00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#000F19): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Sapphire Parlor color palette (#F7EAF7, #006DD1, #7F5800, #583C00, #19031B)
- Terracotta Harbor color palette (#E2F0E3, #007E85, #A93000, #771F00, #001112)
- Petrol Archive color palette (#EEDBF0, #0066B2, #6A4B00, #3E2B00, #030600)
- Softworn Brick Workshop color palette (#DFF1FF, #007BB1, #B30F00, #463700, #000103)
- Raspberry Meadow color palette (#D9E6F3, #008EED, #CE3C8E, #6C6500, #000E1F)
- Sunlit Ridge color palette (#DAE4FF, #5278FF, #8B7700, #675800, #111C41)
- Weathered Boulevard color palette (#F3DDEA, #693BFD, #646500, #454600, #1C0314)
- Softworn Cornflower color palette (#E3E2D3, #1979FB, #793491, #2E3F00, #110E38)
Browse the whole catalog at Explore, or see today's palette.