Hazy Harbor color palette — #FFF0FC · #ED7464 · #8F8F38 · #6F4C94 · #210D1E

A conversation between Coral Clay and Plum, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#ED7464): A luminous, balanced orange — the color of toasted spice.
• Moss (#8F8F38): A luminous, balanced green — the color of a quiet forest floor.
• Plum (#6F4C94): A full-bodied, balanced violet — the color of wild irises.
• Ink (#210D1E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, 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

• Faded Amber Loft color palette (#FFF1F7, #D98744, #639A56, #844676, #230C18)
• Ancient Blush Quarry color palette (#FAF2FF, #E372A6, #AE803C, #4558A7, #1C0E25)
• Patina Apricot Corridor color palette (#FFF0FA, #F2977B, #93A76D, #866390, #311D2B)
• Cobalt Grove color palette (#FAE9F2, #E5966C, #60B57B, #008DC6, #381C2C)
• Amber Courtyard color palette (#DFFFE6, #B78A00, #009473, #006164, #130B00)
• Muted Fuchsia color palette (#F7F3FF, #D974C1, #1E98B9, #2A5FA5, #191025)
• Airy Marigold Quarry color palette (#E8FBEB, #C7A048, #58853F, #00564F, #360900)
• Frosted Plum color palette (#DDFFE8, #C5A300, #00A991, #AD354C, #221A00)

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