Fern Garden color palette — #D5EEE8 · #355800 · #004256 · #132400 · #000102

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

The five colors

• Honeydew (#D5EEE8): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#355800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004256): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#132400): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000102): quiet, heavy and certain.

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

• Deep Abyss color palette (#DEF1D5, #1F4700, #00393C, #331D00, #000200)
• Navy Pier color palette (#CFEBEC, #005B3D, #003680, #002517, #000105)
• Inked Harbor color palette (#CBE5E1, #175C01, #652400, #052600, #030000)
• Aubergine Garden color palette (#EDEBCD, #425B00, #5B0084, #192500, #0C0016)
• Moonless Fern Bloom color palette (#D5E8D1, #276F00, #0E3700, #172228, #010B00)
• Aubergine Boulevard color palette (#CAEDEE, #00686B, #550CB0, #003132, #040011)
• Tempered Meadow color palette (#DDE6DA, #469A5E, #00775E, #2A3B00, #000303)
• Softworn Aubergine Corridor color palette (#DAEBE6, #67841B, #680099, #233100, #020006)

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