Hazy Fern Harbor color palette — #F4E9FF · #BA5C91 · #1D6100 · #004F51 · #2C2137

A conversation between Olive and Fuchsia, giving this palette its sense of nature and growth.

The five colors

• Blush (#F4E9FF): A whisper-light, dusty violet — the color of wild irises.
• Fuchsia (#BA5C91): A luminous, balanced rose — the color of a warm blush.
• Olive (#1D6100): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#2C2137): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Fern 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

• Feathered Plum color palette (#F0EBFF, #9E4B9A, #5B6900, #005144, #292239)
• Plum Pier color palette (#FCF1FF, #AE3A62, #165600, #003845, #19192E)
• Frosted Loft color palette (#FCE7FB, #B7434C, #00725B, #004B66, #321E32)
• Gentle Atelier color palette (#EEE4F9, #BD378D, #00765A, #00503C, #150A1E)
• Airy Ember Meadow color palette (#DFF5E3, #C36665, #844A00, #004A49, #43253A)
• Worn Peony color palette (#FFE8E9, #D15CB6, #009580, #007160, #3A1C1F)
• Muted Mulberry Quarry color palette (#EDE3F2, #950051, #005126, #002F35, #20010D)
• Wandering Studio color palette (#F9F3F9, #E2D6D7, #C3ACB6, #944951, #413641)

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