Fern Garden color palette — #F0F3EA · #AABA98 · #338573 · #4D5D16 · #222B17

Built around Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Sage (#AABA98): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#338573): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#4D5D16): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#222B17): A deep, shadowed, dusty 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

• Driftwood Corridor color palette (#F3F2EB, #C4C5AC, #808A43, #536B2A, #31322B)
• Tempered Cypress color palette (#F0F4E2, #6FBA91, #007E60, #005952, #002816)
• Ancient Lagoon color palette (#EBF8F8, #98D3BB, #39A38E, #517A79, #29494A)
• Muted Workshop color palette (#F5F6E9, #C4E5D1, #66ACA9, #797B33, #2B4000)
• Quiet Bloom color palette (#EAE5D1, #879F60, #336B00, #004C25, #101A00)
• Ancient Forest Market color palette (#E3EAD8, #5E9C86, #006356, #004243, #00170F)
• Aged Fern color palette (#EDEADB, #688340, #205100, #003130, #050A00)
• Tempered Petrol color palette (#E5F2E8, #62B4C7, #00809E, #005570, #002F44)

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