Hazy Harbor color palette — #FFF0F9 · #8A86F3 · #975B11 · #315300 · #001207

A conversation between Lavender Blue and Ochre, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender Blue (#8A86F3): A luminous, balanced violet — the color of wild irises.
• Ochre (#975B11): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#315300): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001207): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, 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

• Softworn Lilac Cabin color palette (#FFF1F4, #B183D7, #816C00, #00563F, #000B08)
• Chalky Rust color palette (#FFF1F5, #BA91DF, #B55731, #295700, #001F2B)
• Azure Quarry color palette (#E7FAF4, #469DE3, #AD534C, #5C5000, #011001)
• Hushed Terracotta Courtyard color palette (#EBF2FF, #536ABF, #8E2A00, #003D2B, #03091A)
• Wandering Wisteria color palette (#FFF4E2, #C5A2FD, #AA6291, #545500, #351620)
• Aged Magenta Terrace color palette (#FFF1F4, #D33CDC, #726700, #004438, #000220)
• Coral Garden color palette (#FFF1F2, #DB8DCC, #D96C7A, #537500, #2F1124)
• Washed Grape Veranda color palette (#FFF0F7, #6C39D5, #5A3B00, #002D09, #000102)

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