Tempered Petrol color palette — #DEF0FF · #0070A8 · #874300 · #003C5D · #0E0300
Built around Peacock, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Frost (#DEF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#0070A8): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#874300): A full-bodied, balanced gold — the color of old brass.
- Navy (#003C5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#0E0300): A deep, shadowed, dusty gold — the color of honey in a jar.
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
- Linen Cobalt Hollow color palette (#DDF5EB, #0088BE, #9E6100, #005B81, #0C0400)
- Softworn Mulberry color palette (#CCF4FF, #007977, #A40041, #004140, #130003)
- Denim Delta color palette (#D7E5ED, #005A72, #533900, #002530, #0A0500)
- Weathered Nightshade color palette (#E5EEFF, #4F5FBA, #685700, #2400A5, #080600)
- Wandering Mulberry color palette (#DDEDFE, #005B99, #91003B, #2E4600, #000206)
- Violet Veranda color palette (#E2EFFD, #8B9DE2, #9461C5, #004E65, #000D2D)
- Olive Studio color palette (#CFE9DA, #6E7525, #504500, #312100, #020400)
- Grape Drift color palette (#E5EBFF, #7E75E0, #7F7800, #5300D6, #1E1C00)
Browse the whole catalog at Explore, or see today's palette.