Hazy Petrol color palette — #F2DCEA · #49B0CF · #0068B3 · #004C3C · #0E093A

Built around Cobalt, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F2DCEA): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#49B0CF): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0068B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C3C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0E093A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Ancient Hollow color palette (#F0DDE5, #7BBADF, #4670CA, #005A54, #211442)
• Chalky Forest Thicket color palette (#EEE5EF, #3BB7B1, #00728A, #084E0A, #001529)
• Tempered Petrol color palette (#F9EBE3, #96C3AA, #006DA6, #003E38, #000113)
• Muted Cerulean Corridor color palette (#E6E8DA, #419CB7, #00516B, #002F34, #001624)
• Cerulean Alley color palette (#F8E9F3, #90D0DF, #408DC4, #026F51, #212B50)
• Hushed Drift color palette (#FFF0FD, #92ECF5, #00A9E2, #2D8455, #293F65)
• Worn Ash Orchard color palette (#F1F7F0, #D8DDFA, #96A2D2, #458788, #434562)
• Softworn Clover color palette (#EBE7D3, #75C562, #00ACB1, #8B401E, #131700)

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