Tempered Fern color palette — #DDE8DE · #988E41 · #4E5D00 · #513900 · #2F2900
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DDE8DE): a clean, paper-quiet neutral.
- Moss (#988E41): A luminous, balanced green — the color of fresh herbs.
- Olive (#4E5D00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#513900): A deep, shadowed, dusty gold — the color of old brass.
- Espresso (#2F2900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered 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
- Aged Veranda color palette (#D6EADF, #81945C, #13670C, #5E2E22, #0B3027)
- Ancient Olive Bloom color palette (#F5E1CD, #B2A756, #508136, #6F4D2C, #342700)
- Timeworn Station color palette (#E6FBEF, #9BAC65, #397B1B, #165E4A, #363F14)
- Jade Summit color palette (#D5F3ED, #2AAB6D, #006A57, #205000, #00381F)
- Fern Corridor color palette (#DAEADE, #626107, #213100, #001D0E, #000804)
- Plum Grove color palette (#BEE7E8, #009668, #AE2195, #00573B, #431339)
- Quiet Field color palette (#D0F5F7, #007E62, #623EC0, #7B3600, #002527)
- Hushed Alley color palette (#D8FDFF, #65DCD7, #00A6D3, #2F6A36, #05373E)
Browse the whole catalog at Explore, or see today's palette.