Fern Garden color palette — #EEEBDF · #5C5C00 · #003131 · #202000 · #000202

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

The five colors

• Cream (#EEEBDF): bright and airy, almost weightless.
• Olive (#5C5C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003131): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#202000): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged duotone, dark, 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

• Moonless Ridge color palette (#F4E7D4, #1E5400, #002A23, #130022, #000200)
• Eclipse Chestnut color palette (#ECE2D9, #814800, #1A3100, #301700, #010200)
• Weathered Corridor color palette (#EAEAE3, #8C8F80, #637057, #1B3100, #010100)
• Hushed Cypress Coast color palette (#DAE5D4, #007966, #003B57, #003229, #000103)
• Patina Bronze color palette (#F3EBDC, #957600, #004549, #362900, #000102)
• Olive Grove color palette (#E1E7D0, #6C8700, #00783A, #004844, #000201)
• Tempered Canyon color palette (#F5F2E3, #9BB44C, #007B76, #526400, #010D00)
• Dusty Grove color palette (#EFF4EA, #8BC1A9, #217DAE, #007755, #02120C)

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