Fern Garden color palette — #EEF8F2 · #94BA9B · #5D5205 · #352E00 · #13261C

Deep Olive and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F2): a clean, paper-quiet neutral.
• Sage (#94BA9B): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#5D5205): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#352E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#13261C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Tempered Cocoa Meadow color palette (#FCF2F5, #C1AC80, #6B4922, #432600, #2D1C22)
• Dusty Fern Delta color palette (#EEF7F5, #A9CAAF, #4D673B, #2B401B, #1F2F2C)
• Fern Orchard color palette (#EFF8F4, #ADB571, #007F7D, #5F6600, #10282E)
• Antique Sand color palette (#FBF5E4, #F6D07F, #9F9661, #7A5F12, #262115)
• Worn Canyon color palette (#E0FCFA, #C09C4E, #00572F, #002F17, #001A23)
• Softworn Canyon color palette (#FAF5E7, #E6BC80, #7B7426, #45423B, #262115)
• Dusty Pine color palette (#E7FDC9, #87BB8D, #158563, #005F58, #004549)
• Aubergine Alley color palette (#E8FBEC, #75A76F, #007B6E, #613978, #1F4444)

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