Misty Petrol color palette — #CAEBF6 · #41A2CE · #0070AF · #004589 · #3B295C
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#CAEBF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#41A2CE): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0070AF): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004589): A deep, shadowed, balanced blue — the color of open sky before noon.
- Royal Purple (#3B295C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Misty 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 Azure Boulevard color palette (#CDE6ED, #46C7FD, #2FA2F3, #3C72B2, #2E3E64)
- Teal Station color palette (#D5F8F3, #1CB0B5, #007D8F, #005367, #21335C)
- Nightshade Market color palette (#DBECFC, #7397E1, #4C5FC2, #4F30A4, #462F63)
- Ancient Navy color palette (#EDF3FF, #89A5E4, #3663B1, #122A8F, #091F53)
- Wandering Navy Lagoon color palette (#D9EBF2, #0084BC, #004588, #110084, #180257)
- Denim Field color palette (#E2F0FF, #5692CC, #A66A00, #005998, #4C2E00)
- Worn Petrol Thicket color palette (#EFF6FF, #CFD3FF, #C0A7D6, #0077A0, #2B3B57)
- Weathered Brick Studio color palette (#D3E7FF, #437AC4, #B8374B, #316B00, #172C45)
Browse the whole catalog at Explore, or see today's palette.