Hazy Petrol color palette — #DAF0E4 · #689CBB · #3F6AA5 · #623F6E · #3C0F31

Built around Slate, softened by Charcoal Brown — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DAF0E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#689CBB): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3F6AA5): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#623F6E): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Indigo (#3C0F31): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

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

• Dusty Indigo Coast color palette (#DDF0FF, #7793BC, #636BBD, #6B3459, #45201A)
• Wandering Cobalt Quarry color palette (#E3EDFF, #6E76BE, #52427A, #4C1B2D, #2B0005)
• Wandering Teal Grove color palette (#C9E8D8, #45AB98, #02797B, #314B78, #1F2243)
• Ancient Raspberry Garden color palette (#CAEADF, #008FD4, #C500A5, #005885, #34002A)
• Antique Lagoon color palette (#D8F3E4, #0A8E96, #3B5C85, #53270E, #2D1D00)
• Frosted Station color palette (#D8E8F7, #85A9E9, #7E81C9, #8F3F6E, #572733)
• Cobalt Lagoon color palette (#E6E8DE, #7EBBD5, #007EB0, #005765, #002139)
• Patina Pier color palette (#C8E4FB, #0FA5F8, #006BA4, #003554, #000A16)

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