Misty Petrol Canyon color palette — #DFF8F7 · #3DA9D6 · #306DAD · #5C3561 · #112534
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#DFF8F7): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#3DA9D6): A luminous, balanced blue — the color of open sky before noon.
- Slate (#306DAD): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#5C3561): A deep, shadowed, balanced pink — the color of a candy shop window.
- Midnight (#112534): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Balance. Tagged retro.
Use it as a design system
One click turns Misty Petrol Canyon 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
- Airy Villa color palette (#FEEBFF, #7A9BE0, #665BB6, #683246, #192235)
- Teal Archive color palette (#E2F7F3, #48B09F, #007A82, #384176, #06272E)
- Muted Lantern color palette (#FFF3E8, #00ABBA, #4767AB, #684528, #2B4338)
- Aged Canyon color palette (#D9EAF8, #007DB6, #1F3248, #081723, #02070B)
- Airy Sky Studio color palette (#F1FADC, #38C1F1, #568BBC, #785381, #2A433A)
- Aged Pewter color palette (#D7E9FF, #AEBFDD, #7D84A4, #685573, #412E43)
- Antique Periwinkle Parlor color palette (#E9FBE8, #6BE1E7, #5B92E3, #885806, #183544)
- Powdered Basin color palette (#E6F4FF, #A9F0FF, #3DC4FD, #528CDF, #09263B)
Browse the whole catalog at Explore, or see today's palette.