Hazy Harbor color palette — #E5F8E4 · #D5846C · #6C7100 · #3C4076 · #331924

Olive and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E5F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Coral Clay (#D5846C): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#6C7100): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3C4076): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#331924): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Weathered Olive color palette (#FFECF4, #CE8A59, #537831, #4B3A74, #132819)
• Antique Bronze Terrace color palette (#E0F9ED, #C684AC, #9C5712, #064C6E, #2D1B2F)
• Amber Market color palette (#E2FEE7, #D08425, #706D2C, #27536C, #2F4332)
• Coral Studio color palette (#F7EEF9, #C66F82, #007660, #5B2A5D, #2D122E)
• Muted Basin color palette (#FFF3E3, #F89266, #7E8F43, #54618C, #413C36)
• Hushed Grove color palette (#E7F6EE, #9EBD9A, #378473, #594E72, #152C29)
• Wandering Aubergine color palette (#F7D8E6, #B96800, #2F680B, #38006C, #181100)
• Muted Meadow color palette (#FFEBFA, #A79100, #00725D, #621565, #152100)

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