Fern Garden color palette — #F7F6E7 · #D1DAB6 · #82BAA4 · #A48B74 · #3F4800

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Celadon Mist (#D1DAB6): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#82BAA4): A luminous, dusty teal — the color of glacier melt.
• Caramel (#A48B74): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#3F4800): A deep, shadowed, balanced green — the color of new leaves after rain.

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

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

• Timeworn Meadow color palette (#FCF6DB, #B7DBA4, #71B786, #878F4D, #2B421E)
• Muted Fern color palette (#F7F6E7, #BCCBA4, #619B9B, #8D6664, #374A01)
• Fern Study color palette (#F4F7E5, #B1E7E3, #D4C8D2, #A5B783, #3E5411)
• Teal Pier color palette (#F9F4EE, #C1EBE0, #86CAD8, #5FA992, #295140)
• Worn Quarry color palette (#E8E6CE, #9DC69F, #38A77D, #6A7D4E, #282C04)
• Teal Parlor color palette (#EDF8F5, #C1E2F3, #66ACAE, #946779, #134041)
• Pine Pier color palette (#EAE4D2, #7C934B, #287421, #4F4A0D, #040700)
• Chalky Mint color palette (#F3F9DD, #84D490, #98B2F6, #DD8C81, #373932)

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