Hazy Harbor color palette — #F6F3FF · #B369B0 · #009168 · #007272 · #3A3448

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

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Dusty Rose (#B369B0): A luminous, balanced pink — the color of neon signs at night.
• Fern (#009168): A full-bodied, balanced teal — the color of sea glass.
• Teal (#007272): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3A3448): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Lilac Coast color palette (#F3F4FF, #A986E1, #007D4C, #00635D, #34364A)
• Quiet Terrace color palette (#FFF0FF, #BA636B, #2A844D, #14558E, #3C2D3C)
• Cerulean Harbor color palette (#F9F2FF, #C4809E, #109BAB, #40789D, #483E50)
• Powdered Peony color palette (#FFEDEE, #C466B0, #957E00, #267688, #2F1618)
• Frosted Olive Studio color palette (#F0F5FF, #6D82D4, #678825, #5A732F, #2C384F)
• Fuchsia Summit color palette (#F7F3FF, #E17ACA, #AC9841, #2395AD, #3B3447)
• Ancient Lagoon color palette (#F5E3FD, #A32ACC, #007469, #005B75, #33143F)
• Ancient Raspberry color palette (#FFE3E7, #DD306A, #007CAC, #415697, #4A222B)

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