Tempered Petrol color palette — #C2EBFA · #6C9BBC · #4B6999 · #503657 · #34122B
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Frost (#C2EBFA): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#6C9BBC): A luminous, dusty blue — the color of deep harbor water.
- Slate (#4B6999): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#503657): A deep, shadowed, dusty pink — the color of neon signs at night.
- Deep Indigo (#34122B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, 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
- Wandering Study color palette (#E7F0FF, #8892C8, #6D6195, #542B3A, #39090E)
- Hushed Petrol color palette (#CAE8DC, #91AED2, #67719B, #65435D, #411D1A)
- Lagoon Balcony color palette (#E7F2E0, #4F9B9A, #2E6977, #363D68, #20133A)
- Weathered Onyx Basin color palette (#CDE1FB, #6975A3, #4F4672, #4D1831, #260007)
- Muted Petrol Harbor color palette (#E7EBDC, #89BAD9, #3070A1, #00485B, #001630)
- Ancient Petrol Alley color palette (#E1F3E9, #64A7B1, #47678E, #633C1B, #373300)
- Frost Loft color palette (#D0FEEF, #CBB1C9, #9D7F93, #6D5555, #462A26)
- Denim Ridge color palette (#DBE6F3, #5799DF, #0059A9, #00234B, #000511)
Browse the whole catalog at Explore, or see today's palette.