Hazy Petrol color palette — #E8FBEC · #61C8E0 · #00789F · #005652 · #003659

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E8FBEC): A whisper-light, dusty teal — the color of sea glass.
• Sky (#61C8E0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#00789F): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Sapphire Field color palette (#EAFAED, #6CC0FF, #1D69D2, #005364, #252D60)
• Wandering Cobalt color palette (#FFEBF9, #82C8D9, #007AAF, #005347, #001740)
• Timeworn Sky Ridge color palette (#F5F7EA, #8FE9FF, #00BCEA, #00969E, #00384E)
• Weathered Veranda color palette (#FFF2EC, #6DDCF7, #0096D7, #007465, #0D3066)
• Timeworn Turquoise color palette (#E2EFE4, #3BAECF, #005E86, #003E3E, #00203F)
• Wandering Cerulean Thicket color palette (#EFF8F1, #BAE2FF, #598FC0, #246D77, #39495F)
• Soft Cobalt Station color palette (#E4F3E6, #1F8ABF, #003D72, #002127, #01022C)
• Feathered Field color palette (#EEEDDB, #7A7400, #006E8E, #900E66, #282500)

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