Hazy Petrol color palette — #D1F4F3 · #03AFD9 · #0A68B7 · #3C438A · #522851

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

The five colors

• Honeydew (#D1F4F3): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#03AFD9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0A68B7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#3C438A): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#522851): A deep, shadowed, balanced pink — the color of neon signs at night.

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

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

• Navy Meadow color palette (#DEF5EF, #00B7C5, #0079A1, #10458D, #30345E)
• Pale Indigo color palette (#CEEAFC, #639CE9, #5C5EC1, #5A3A88, #53274E)
• Dusty Meadow color palette (#C2EBFA, #60B2E2, #2387DA, #1955BC, #313566)
• Misty Pier color palette (#D3F2FE, #479CC7, #006CB0, #053D99, #131842)
• Denim Orchard color palette (#F8E9F9, #5090DA, #9E6F00, #0056A3, #483000)
• Ultramarine Station color palette (#D3F6FE, #008CBA, #003DC5, #2E0079, #2D074A)
• Tempered Cobalt Grove color palette (#F6DAF6, #447AC5, #856800, #4E5C14, #3A203B)
• Antique Chartreuse color palette (#DEF7EC, #B0D82E, #698BEC, #41242B, #20181E)

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