Hazy Harbor color palette — #F5DAEC · #555DC3 · #724C00 · #200081 · #020100

Built around Royal Purple, softened by Iris — the whole palette hums with optimism and creativity.

The five colors

• Shell Pink (#F5DAEC): A whisper-light, dusty pink — the color of peonies in June.
• Iris (#555DC3): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#724C00): A full-bodied, balanced gold — the color of old brass.
• Royal Purple (#200081): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

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

• Tempered Sapphire color palette (#F4DDF5, #0069C9, #784800, #002A58, #020100)
• Eclipse Delta color palette (#DDE7FC, #3B34BE, #543800, #170066, #0A0500)
• Violet Station color palette (#FBDAE9, #805ECE, #216000, #2D0060, #000200)
• Nightshade Balcony color palette (#FAE0F2, #3336AE, #720028, #120062, #040001)
• Antique Terracotta color palette (#D3E5DB, #007693, #903000, #00313E, #040000)
• Sunlit Ridge color palette (#DAE8FF, #5D77D1, #008468, #2B00F2, #000805)
• Soft Lapis color palette (#DBF0F0, #A17C00, #4A54FF, #1A0717, #040003)
• Faded Aubergine Pier color palette (#FFE7EC, #CB78E6, #608300, #6C0086, #050900)

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