Fern Garden color palette — #F7F5EB · #D4D4C2 · #A6AB82 · #546200 · #34332C

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

The five colors

• Ivory (#F7F5EB): bright and airy, almost weightless.
• Oat (#D4D4C2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A6AB82): A luminous, dusty green — the color of new leaves after rain.
• Olive (#546200): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#34332C): a grounded near-black with real depth.

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

• Tempered Forest color palette (#F2F7EC, #CAD7C3, #98AE95, #006B4F, #263A00)
• Wandering Fern color palette (#F5F2E6, #D4D6C0, #82B9A4, #5E6000, #201901)
• Fern Loft color palette (#F3EBD3, #8C9A48, #476600, #494500, #2B3200)
• Olive Meadow color palette (#E9FAF2, #CDE4E0, #93CCB7, #7A7E00, #1F392F)
• Olive Hollow color palette (#ECEDE6, #989C8F, #627A3A, #063503, #090A00)
• Timeworn Study color palette (#F6F6EF, #D6DBD6, #A2AFB2, #758A61, #53534B)
• Tempered Station color palette (#E3EBE1, #B0BDB0, #809485, #005049, #172314)
• Quiet Terrace color palette (#F4F9DA, #A5C500, #3FBB00, #008156, #003714)

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