Hazy Indigo Harbor color palette — #EBF2FF · #5669F4 · #766D00 · #514B00 · #0A0E34

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

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Sapphire (#5669F4): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#766D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#514B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#0A0E34): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Faded Orchid color palette (#F0F0FF, #9E4CDB, #776D00, #524B00, #1B0A29)
• Indigo Parlor color palette (#F1F5FF, #6266D8, #915700, #3E5200, #24274D)
• Indigo Atelier color palette (#ECF2FF, #706BF8, #785300, #00433C, #001D1A)
• Tempered Cobalt color palette (#DFE9FF, #616DBC, #32753E, #125121, #070F22)
• Weathered Grape color palette (#D6DDFA, #6B44C6, #5D5700, #3B3800, #09011F)
• Aged Bronze Orchard color palette (#DFF6FF, #008C96, #8C6200, #614300, #00171F)
• Ancient Driftwood color palette (#F8EDFF, #B76B89, #7D7836, #5A5400, #211428)
• Hushed Ember Meadow color palette (#FFF1F6, #A580E3, #D85649, #347700, #312249)

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