Tempered Fern color palette — #ECF9F0 · #BAA03F · #4E6B00 · #5D4C00 · #000201
Built around Olive, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9F0): bright and airy, almost weightless.
- Mustard (#BAA03F): A luminous, balanced green — the color of fresh herbs.
- Olive (#4E6B00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#5D4C00): A full-bodied, balanced green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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 Amber Coast color palette (#FFF1F6, #DF8B3D, #725E00, #733E00, #000201)
- Wandering Hollow color palette (#D9F0E7, #89972B, #005C3C, #394100, #000201)
- Faded Moss Hollow color palette (#D3F8E9, #6F9A24, #00662C, #00313E, #010500)
- Gentle Olive Canyon color palette (#EBF1D0, #89AA51, #287B00, #00370E, #000401)
- Fern Archive color palette (#EFF7F3, #CDDDDE, #A2C3BA, #666300, #021009)
- Chartreuse Chapel color palette (#E3FCF4, #A3D839, #009564, #567800, #000201)
- Muted Workshop color palette (#F0E4D6, #A46A00, #005138, #4C2F00, #010100)
- Airy Bloom color palette (#DBE6DA, #E09829, #009B62, #A16900, #000404)
Browse the whole catalog at Explore, or see today's palette.