Hazy Harbor color palette — #FFF0F9 · #F2A58A · #1FA082 · #6C4792 · #451835

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Melon (#F2A58A): A luminous, balanced orange — the color of autumn markets.
• Fern (#1FA082): A luminous, balanced teal — the color of sea glass.
• Plum (#6C4792): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#451835): A deep, shadowed, dusty pink — the color of neon signs at night.

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 Meadow color palette (#FEF1F5, #ECC397, #61AA98, #79589F, #4D3210)
• Wandering Ridge color palette (#FDF0FD, #EEA3A9, #8D8F3E, #006294, #4B1620)
• Timeworn Cerulean Grove color palette (#FCF2F6, #D9D3DE, #A3BAEC, #0093A2, #353D5B)
• Driftwood Grove color palette (#EEF8EF, #D5B67E, #A68444, #00696E, #45153A)
• Ancient Amber Corridor color palette (#FFF3E8, #C27227, #007368, #503B72, #472443)
• Aubergine Grove color palette (#E2FCF2, #ACB902, #00918E, #84008B, #282100)
• Muted Driftwood color palette (#FFF0F8, #C8EAE5, #89B7B0, #7D7C9F, #4C465C)
• Antique Aubergine color palette (#E6FCEB, #BF9200, #007599, #5C0086, #280018)

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