Hazy Harbor color palette — #D9DDF2 · #CAB4FF · #C09E03 · #8142DA · #322800

A conversation between Violet and Mustard, giving this palette its sense of nature and growth.

The five colors

• Silver (#D9DDF2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#CAB4FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#C09E03): A luminous, balanced green — the color of fresh herbs.
• Violet (#8142DA): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Hazy Harbor 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

• Washed Atelier color palette (#D4DFF2, #90AAFF, #C6AA1F, #4A66F3, #312800)
• Faded Mustard color palette (#ECEDFF, #D5A8FF, #C8C121, #A069CF, #3A3700)
• Soft Meadow color palette (#E5E2FA, #E480FF, #8B9A03, #9100AD, #191D00)
• Clover Veranda color palette (#DFDAF3, #F49CFF, #3DC104, #A530B4, #0F3206)
• Sunlit Tangerine Dune color palette (#CDE1F4, #8DC9FF, #F57B13, #0073BB, #441C00)
• Frosted Orchid color palette (#DEDBEF, #A4C671, #AB48B8, #5F3665, #0C0818)
• Frosted Magenta Thicket color palette (#DFDAF1, #E189E4, #00B9AC, #BA4DC0, #00312C)
• Worn Balcony color palette (#F1F5FF, #A39BFF, #00A8A0, #5E52B2, #001D1C)

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