Fern Garden color palette — #F4F2E7 · #C7C69E · #6E8D66 · #586A26 · #32312B
A conversation between Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F2E7): a clean, paper-quiet neutral.
- Pistachio (#C7C69E): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#6E8D66): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#586A26): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#32312B): quiet, heavy and certain.
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
- Tempered Stone color palette (#F5F2E3, #A5BD84, #5F8052, #475B47, #2A2811)
- Weathered Teal Terrace color palette (#F2F2EA, #C4E5DA, #60AAAE, #5E7252, #283C2D)
- Fern Veranda color palette (#FCF4EA, #D9D1B5, #99A077, #6F8374, #5C4C00)
- Softworn Olive color palette (#E6E0D2, #758019, #374C00, #00322B, #070900)
- Washed Lagoon color palette (#E5EAD9, #43A279, #00644F, #284025, #0D1500)
- Washed Parlor color palette (#FFEBFA, #DDCDD5, #ADBFCD, #998099, #4A3B45)
- Periwinkle Hollow color palette (#FEEBFA, #7C98E8, #B276A6, #3E858A, #2F222D)
- Hushed Boulevard color palette (#FAEDFB, #85B7F1, #73AB87, #4974A5, #30322B)
Browse the whole catalog at Explore, or see today's palette.