Fern Grove color palette — #F8F5EA · #BBE4D2 · #AFB28A · #788C78 · #4D4800

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Celadon Mist (#BBE4D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AFB28A): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#788C78): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#4D4800): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Fern Grove 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 Balcony color palette (#F9F4EE, #E7DDC1, #B8B894, #B18EA4, #5E4B00)
• Wandering Taupe color palette (#FAF5EA, #CDEBC1, #9CA374, #926C60, #3B3831)
• Wandering Lagoon color palette (#EDF8F4, #9ECCC0, #678D5C, #4B6C75, #3C534D)
• Dusty Fern Bloom color palette (#E7E1CE, #899646, #3C5700, #4C1711, #010100)
• Patina Drift color palette (#F1F8E8, #C2D8B2, #439B8F, #406884, #1E2D11)
• Hushed Market color palette (#FFF4DD, #AAA65B, #5D6700, #5E2830, #090800)
• Lagoon Market color palette (#F3F8E4, #80CEA8, #26896F, #165971, #001F11)
• Airy Emerald color palette (#FBF6DA, #ABD376, #4B922E, #84432C, #162300)

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