Gentle Fern color palette — #E9F6EA · #9E6C00 · #3B6000 · #5F1D46 · #4E1600
A conversation between Olive and Ochre, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F6EA): A whisper-light, dusty green — the color of a quiet forest floor.
- Ochre (#9E6C00): A full-bodied, balanced gold — the color of honey in a jar.
- Olive (#3B6000): A full-bodied, balanced green — the color of new leaves after rain.
- Mulberry (#5F1D46): A deep, shadowed, balanced rose — the color of strawberry cream.
- Espresso (#4E1600): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Gentle Fern 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
- Fern Corridor color palette (#E6F7EA, #92720E, #24640E, #004441, #4D1800)
- Bronze Pier color palette (#FDEDF4, #AE6024, #605400, #044813, #49152E)
- Nightshade Delta color palette (#FFEEE8, #D67477, #448243, #3243A6, #520D17)
- Navy Market color palette (#F6E8F6, #B16064, #2B6420, #09277F, #2E0007)
- Wandering Terrace color palette (#E8FBEA, #FFAF5D, #D19B00, #898400, #372900)
- Washed Pine Lagoon color palette (#DEF8F5, #46884B, #006160, #003E63, #352A00)
- Hushed Ridge color palette (#EBF9F5, #88A26E, #397E73, #764437, #514017)
- Gentle Moss color palette (#E5E3D5, #9F9925, #707600, #3E4D00, #003C25)
Browse the whole catalog at Explore, or see today's palette.