Hazy Harbor color palette — #D1EEDE · #847A00 · #3A52DC · #4D4600 · #04003F

Cobalt takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D1EEDE): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#847A00): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#3A52DC): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#4D4600): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#04003F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Gentle Grape color palette (#D7F7EA, #777F00, #832FCB, #454A00, #18002E)
• Airy Petrol Workshop color palette (#FFE7EF, #A86600, #0069B0, #633A00, #001022)
• Chalky Harbor color palette (#F6EBD9, #9C7900, #8900E2, #4B3900, #020006)
• Wandering Lapis Field color palette (#F2F1E1, #706900, #4A2FDD, #5400BA, #090800)
• Feathered Indigo Terrace color palette (#C7EFDF, #ACBB2A, #6667EC, #677000, #24117C)
• Hazy Aubergine color palette (#DFF0EB, #5D881F, #6E1287, #284000, #0E0014)
• Cornflower Thicket color palette (#FFE0D9, #6379FF, #957B00, #171100, #000201)
• Mulberry Bloom color palette (#E6F5E3, #39A128, #960078, #115404, #220019)

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