Hazy Petrol color palette — #F1E5ED · #73C1D4 · #0071AF · #004D39 · #0B1037

Slate and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F1E5ED): a clean, paper-quiet neutral.
• Cyan (#73C1D4): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0071AF): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0B1037): A deep, shadowed, dusty 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

• Cobalt Grove color palette (#F6EFF3, #A6CEE6, #477EBF, #005D4F, #1D1B3F)
• Petrol Lantern color palette (#E7F2E9, #65C0D6, #007297, #00504D, #04304F)
• Ultramarine Market color palette (#F2E4E9, #75A3BF, #1347CA, #003A36, #0E0128)
• Worn Cypress Grove color palette (#F6F0F4, #D6D1E8, #79A0C8, #377967, #2E3648)
• Timeworn Study color palette (#ECE1EB, #279BA0, #00516A, #002E12, #000411)
• Hushed Lagoon color palette (#CFEEED, #75E3E6, #5E9CE4, #6B6700, #002327)
• Misty Quarry color palette (#DFF1F3, #00957A, #A41DB6, #005343, #220027)
• Teal Meadow color palette (#ACF1E0, #00A98C, #006C56, #003229, #000804)

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