Fern Garden color palette — #F4F6EF · #BBC5AB · #5A8D7B · #4E6E5F · #43550F

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Pistachio (#BBC5AB): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5A8D7B): A luminous, dusty teal — the color of glacier melt.
• Graphite (#4E6E5F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#43550F): A full-bodied, balanced green — the color of new leaves after rain.

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

• Pine Summit color palette (#F7F6E8, #B2B38A, #548052, #774E3B, #474500)
• Timeworn Petrol color palette (#F4F6EF, #C8E4E3, #77A592, #207B8A, #2E5348)
• Hushed Courtyard color palette (#F5F2E8, #C4C7A3, #5C9078, #775761, #31322B)
• Worn Garnet color palette (#EBE5CF, #71833A, #304F00, #5A0B00, #171E00)
• Powdered Jade Market color palette (#EAEFD2, #5CA478, #006B4D, #603900, #00381D)
• Fern Archive color palette (#FBF5E5, #A69B72, #5C6A31, #6D3A38, #37352F)
• Weathered Orchard color palette (#FFF2F0, #E1D8CF, #C1C29D, #A66E8C, #614E4A)
• Washed Garden color palette (#FFF2F1, #D39EB5, #AF9654, #AA4E7C, #504D46)

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