Hazy Harbor color palette — #FFF2ED · #EA8181 · #299758 · #525792 · #4C2B42

Fern takes the lead with Watermelon close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#EA8181): A luminous, balanced orange — the color of toasted spice.
• Fern (#299758): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#525792): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#4C2B42): 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

• Weathered Lagoon Station color palette (#FBF3ED, #E2A075, #1FA097, #775D88, #583742)
• Frosted Corridor color palette (#FFF0F9, #EEA788, #6B985C, #006488, #3C1D3E)
• Sunlit Moss color palette (#FFF1F0, #D987AD, #808800, #006591, #36315A)
• Dusty Aubergine Field color palette (#FFF3E7, #E08000, #008986, #851592, #5B0928)
• Faded Cobalt color palette (#F5F3FF, #DCA9E2, #93AB5E, #7473BA, #472A52)
• Amber Bloom color palette (#FFDCC4, #EEAA66, #B89100, #7C7318, #44433C)
• Softworn Dune color palette (#FFF0EC, #D8BDA2, #9EA771, #877081, #5F4C55)
• Hushed Amber color palette (#FFF0F7, #CB6B26, #6C6516, #185535, #462D49)

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