Fern Garden color palette — #F7EFD6 · #445900 · #00340F · #00110B · #000202
Deep Olive and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7EFD6): A whisper-light, dusty green — the color of fresh herbs.
- Deep Olive (#445900): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00340F): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#00110B): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. 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
- Shadow Abyss color palette (#E3F1E1, #005A46, #003434, #00131A, #000103)
- Deep Fern color palette (#E2F7E2, #5B5300, #3B2400, #1F0500, #010200)
- Olive Boulevard color palette (#DCE1CD, #518600, #005516, #001C0E, #000201)
- Nocturne Aubergine Grove color palette (#D1E2E1, #005C2A, #650060, #00260D, #030003)
- Lowlit Grape color palette (#E8E1D0, #7E00CF, #525700, #050E0E, #000201)
- Lowlit Garnet color palette (#CEE9CD, #02490D, #5D0036, #3F0005, #000200)
- Pine Meadow color palette (#D3EDD2, #00885A, #005754, #002E39, #000A15)
- Hushed Workshop color palette (#DDE3CE, #269B12, #00634F, #00423D, #001820)
Browse the whole catalog at Explore, or see today's palette.