Hazy Petrol color palette — #DFF3FF · #6FA2DD · #5566A7 · #5E3154 · #381325

A conversation between Slate and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Frost (#DFF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#6FA2DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#5566A7): A full-bodied, balanced violet — the color of wild irises.
• Mulberry (#5E3154): A deep, shadowed, balanced pink — the color of a candy shop window.
• Onyx (#381325): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Hazy 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

• Feathered Iris color palette (#DCE2F0, #9189DE, #735793, #682C39, #3E0A06)
• Teal Boulevard color palette (#CBF3EB, #38AEB5, #1E7488, #39356F, #2B1643)
• Weathered Driftwood color palette (#D0DEFF, #ABABEC, #876BA6, #703C46, #39312E)
• Cocoa Alley color palette (#D4EFF6, #589CD0, #686CAF, #7E2E15, #5B3700)
• Worn Cocoa color palette (#FDE3EE, #B097BC, #957074, #703611, #3C230C)
• Patina Villa color palette (#D4E2DB, #6FBACD, #7380BF, #706311, #463D00)
• Aged Iris color palette (#D5FFFA, #94D4FF, #9388E1, #765E1F, #3C2C00)
• Worn Aqua color palette (#F3F4DF, #39D3D8, #00818D, #00524B, #001E25)

Browse the whole catalog at Explore, or see today's palette.