Tempered Petrol Coast color palette — #DBF0F7 · #6D9FC8 · #5D6298 · #66392D · #35352E
Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DBF0F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#6D9FC8): A luminous, balanced blue — the color of open sky before noon.
- Slate (#5D6298): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#66392D): A deep, shadowed, dusty orange — the color of toasted spice.
- Espresso (#35352E): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Petrol Coast 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
- Antique Dune color palette (#CEEBE5, #609EAE, #785F7C, #5E3440, #522616)
- Weathered Cocoa Thicket color palette (#D6EAFF, #8C94C2, #6F5A7D, #6C4000, #2F3D00)
- Weathered Petrol color palette (#D6EBE7, #719E8B, #616598, #553B00, #1B1C00)
- Ash Archive color palette (#D1E9E9, #7EAED4, #777DA2, #496449, #492F05)
- Ancient Garnet Ridge color palette (#E3EDFE, #ADB3E3, #9C8FBF, #9C596D, #602125)
- Worn Petrol Market color palette (#F6EDE0, #66C2C8, #00758A, #005143, #003346)
- Patina Mulberry Veranda color palette (#D4E2F7, #7065A0, #6B2E67, #382800, #1D1800)
- Bronze Parlor color palette (#FFF0F9, #DFC2CB, #B18C8A, #886D25, #475546)
Browse the whole catalog at Explore, or see today's palette.