Fern Garden color palette — #FFF3E6 · #D1C98E · #9DAB69 · #53805C · #3C5718
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#D1C98E): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9DAB69): A luminous, balanced green — the color of fresh herbs.
- Fern (#53805C): A full-bodied, dusty green — the color of fresh herbs.
- Deep Olive (#3C5718): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged 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
- Muted Taupe color palette (#FFF2EB, #F4C097, #B99D5E, #707D47, #4C4C45)
- Teal Canyon color palette (#FEF6D2, #A4D2A3, #68B499, #338180, #315643)
- Washed Jade Terrace color palette (#F5F8DB, #C4E3B4, #7AA87B, #4C7550, #35362F)
- Moss Villa color palette (#E2E3C0, #6EAF36, #008D38, #005B4D, #003236)
- Washed Terrace color palette (#F9F6E4, #C1CB92, #C6A3CD, #899352, #684049)
- Feathered Studio color palette (#F5EFE0, #A9BE27, #06A129, #006E56, #004F4F)
- Fern Study color palette (#F7F6E8, #B9E4E2, #C4C3CD, #B99E7F, #4E4E00)
- Washed Stone color palette (#F8F7E0, #A1BD79, #C192C4, #B0798D, #43433C)
Browse the whole catalog at Explore, or see today's palette.