Fern Workshop color palette — #E9FAF4 · #8DA37C · #456F40 · #0B5658 · #1C3C36
Olive and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FAF4): bright and airy, almost weightless.
- Moss (#8DA37C): A luminous, dusty green — the color of fresh herbs.
- Olive (#456F40): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#0B5658): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#1C3C36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Fern Workshop 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
- Timeworn Archive color palette (#E7FAF7, #93BB9C, #478165, #3B5F71, #254A48)
- Hazy Teal color palette (#D4F2F3, #13A98B, #00695F, #00486C, #00372B)
- Feathered Olive Drift color palette (#E5FCF0, #9DAC61, #52770B, #763F36, #373F11)
- Fern Lantern color palette (#D4EBE2, #7D9562, #38612A, #5B3020, #1F2F07)
- Muted Study color palette (#ECF5EC, #A4A373, #4B7130, #3F3F76, #002316)
- Timeworn Grove color palette (#F9F6E4, #B8D59B, #7AB16E, #558F90, #36362F)
- Tempered Lantern color palette (#C8ECEA, #0E7F59, #004234, #002635, #00140B)
- Weathered Pewter Workshop color palette (#F6F3FF, #EBD8FB, #DDA4AF, #80558B, #40354C)
Browse the whole catalog at Explore, or see today's palette.