Hazy Harbor color palette — #CFDEFF · #4941E2 · #744800 · #323D00 · #111A2F

Iris and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Powder Blue (#CFDEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Iris (#4941E2): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#744800): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#323D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#111A2F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Hushed Amethyst color palette (#E9EEFF, #6F4FE2, #835700, #304F0E, #1F253D)
• Antique Ultramarine color palette (#E2EAF8, #4355C9, #5C5800, #3B3800, #01051E)
• Feathered Grape Balcony color palette (#E7ECFF, #6300D1, #5B3900, #053002, #001828)
• Aged Courtyard color palette (#DBDBF4, #8A00CD, #605300, #004420, #18172F)
• Terracotta Harbor color palette (#CBE1F6, #0067A2, #902B15, #433700, #051C2F)
• Indigo Ridge color palette (#EED6E8, #6076DF, #7C7500, #5A5500, #2A0F25)
• Dusty Study color palette (#CAE7CF, #9E45CF, #851857, #2D3800, #331834)
• Lowlit Boulevard color palette (#DFDAFB, #6C007F, #3B3800, #002318, #060117)

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