Hazy Harbor color palette — #F0F5FF · #9CB6F7 · #F07997 · #5B7BD4 · #5F333D

Rose takes the lead with Azure close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#9CB6F7): A luminous, balanced violet — the color of a velvet chair.
• Rose (#F07997): A luminous, balanced red — the color of late-summer berries.
• Azure (#5B7BD4): A luminous, balanced violet — the color of a velvet chair.
• Cocoa (#5F333D): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Balance. Tagged warm.

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 Ridge color palette (#F3F4FF, #C1A9ED, #ED8362, #8C6EBE, #57364D)
• Worn Peony Delta color palette (#F1F5FF, #9899F6, #DB6DA8, #0096B1, #2F374F)
• Hushed Wisteria color palette (#EAF7FF, #68C6E4, #C888DC, #008EAF, #513759)
• Ancient Shell color palette (#F1F5FF, #E1D8E1, #FAB6BA, #8799C2, #4A5169)
• Muted Lantern color palette (#EFF6FF, #BDD5FF, #DBB65E, #6589CB, #46360B)
• Periwinkle Study color palette (#EFF6FF, #779DEE, #A88332, #4563A3, #533F14)
• Pewter Balcony color palette (#F4F4FF, #F2B2A5, #895D9B, #413E5C, #21202A)
• Ancient Quarry color palette (#F1F5FF, #C1C7FF, #7884E7, #4F5097, #25264D)

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