Fern Garden color palette — #F7F6EA · #A9B595 · #288282 · #764D4C · #384A00

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

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Sage (#A9B595): A luminous, dusty green — the color of fresh herbs.
• Teal (#288282): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#764D4C): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#384A00): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Cypress color palette (#FBF5E6, #90AD81, #007C60, #5E5000, #284318)
• Washed Bloom color palette (#FBF4EC, #C7C1AA, #688B6B, #875C1D, #5B4C00)
• Lagoon Quarry color palette (#E6F6F2, #98BF9F, #3E846C, #6C4958, #0E2D2B)
• Tempered Studio color palette (#E9E5D7, #719773, #006357, #424000, #282C04)
• Weathered Quarry color palette (#E8FAF3, #ACE5BF, #72BBB5, #958BA1, #2F4847)
• Pale Olive color palette (#F8E1B7, #B1B16C, #62852F, #00653B, #00514A)
• Misty Pine color palette (#F3F8E6, #71B081, #A073C2, #007A3A, #503464)
• Timeworn Fern Meadow color palette (#FCE7D3, #9C944D, #2A6B00, #613800, #342F00)

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