Tempered Fern color palette — #F0EDD9 · #AC9700 · #778800 · #286B00 · #030500
Olive and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0EDD9): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#AC9700): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#778800): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#286B00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Amber Garden color palette (#FBECD4, #CD8100, #927100, #5F6400, #060400)
- Moss Station color palette (#D1E5DC, #C79800, #8E9A00, #008E53, #020400)
- Misty Bloom color palette (#EBE1C3, #FC7827, #7C9000, #005E60, #000200)
- Softworn Lagoon color palette (#E5DFCA, #B26600, #676C00, #00453D, #000700)
- Emerald Garden color palette (#E4F1D7, #00B346, #008B66, #00625F, #000302)
- Pine Coast color palette (#DFEBDB, #09831E, #005A2C, #00341E, #001008)
- Pine Market color palette (#E1E9CD, #007E47, #854500, #004424, #0D0300)
- Forest Cabin color palette (#DAF0DA, #468061, #006254, #003656, #000F2E)
Browse the whole catalog at Explore, or see today's palette.