Hazy Fern color palette — #FFE7F2 · #BD6F36 · #416700 · #4A2C76 · #1E3723

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

The five colors

• Blush (#FFE7F2): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#BD6F36): A luminous, balanced gold — the color of old brass.
• Olive (#416700): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#4A2C76): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Forest (#1E3723): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Dusty Aubergine color palette (#FDE7F8, #A48114, #006B4C, #612160, #17372D)
• Ember Harbor color palette (#E2F5E0, #CA6444, #5A6000, #353679, #452431)
• Wandering Amber color palette (#FBE6C5, #AD8200, #4C6600, #0B386B, #201600)
• Misty Marigold color palette (#DEF6E3, #CB9900, #66841F, #345782, #1B3729)
• Powdered Aubergine color palette (#F0DFE8, #8F5700, #044B0C, #360055, #1C1600)
• Cypress Boulevard color palette (#F8D6ED, #ABA172, #4B7F63, #574D70, #4A3549)
• Tempered Cypress color palette (#E7FAF3, #7AA78C, #00726F, #544264, #1A3C3B)
• Bronze Corridor color palette (#FFECF4, #B05F00, #005A85, #4C2368, #371E48)

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