Fern Garden color palette — #EAE8B3 · #788600 · #216300 · #004049 · #212E00

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

The five colors

• Celadon Mist (#EAE8B3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#788600): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#216300): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004049): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#212E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged retro.

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

• Airy Bronze Basin color palette (#F2E5B3, #9B7700, #565600, #00423A, #322800)
• Chalky Emerald color palette (#BFF2DE, #499200, #00633A, #003E54, #023305)
• Olive Corridor color palette (#D9FFF2, #D0BA00, #8BA300, #237F03, #213000)
• Aubergine Veranda color palette (#FFECD8, #957E00, #006335, #3F126B, #101400)
• Chalky Jade Basin color palette (#CCF5F3, #00AB7E, #006A58, #404800, #003727)
• Aubergine Summit color palette (#FFDEBB, #B29700, #148C4F, #58258D, #262D00)
• Charred Fern color palette (#E0F3EE, #486600, #052701, #081000, #000303)
• Lagoon Courtyard color palette (#D4F8EE, #009D7C, #006867, #203B7C, #0C373C)

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