Hazy Petrol color palette — #F6E8E1 · #56B0C5 · #006CA8 · #004C38 · #090048

A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F6E8E1): bright and airy, almost weightless.
• Cyan (#56B0C5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006CA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#090048): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Ultramarine Market color palette (#F6E7D8, #6BA8D9, #495AC0, #004A4B, #1D0038)
• Antique Petrol color palette (#F5EAF1, #7BC3D5, #006CA9, #00402E, #010014)
• Washed Spruce color palette (#FEE8E4, #5EA09D, #006279, #003F0B, #000A18)
• Cerulean Dune color palette (#E8DFD1, #79BCCE, #008EC0, #006D6B, #001529)
• Feathered Cobalt Quarry color palette (#F7ECE7, #8DD1DE, #258FC9, #006F4C, #19295D)
• Aqua Pier color palette (#D2E4D7, #3ACCDA, #688BD2, #5E6400, #00201C)
• Frosted Plum color palette (#DDEAD1, #008C6C, #AA009E, #00523E, #21001E)
• Lagoon Pier color palette (#C4ECE5, #009F83, #00644E, #002E24, #000302)

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