Tempered Fern color palette — #F6F6E9 · #D0D6BC · #9AAE89 · #3F6800 · #33332C
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Oat (#D0D6BC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9AAE89): A luminous, dusty green — the color of new leaves after rain.
- Olive (#3F6800): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#33332C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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
- Fern Study color palette (#F4F3E1, #D1D6C5, #9AB493, #486700, #1D1B00)
- Cypress Drift color palette (#EFF9EA, #C3DAC5, #79B0C1, #00695B, #2A3823)
- Hushed Courtyard color palette (#EAF9F5, #C9E4E3, #99C7D0, #5F8600, #213832)
- Hushed Spruce Boulevard color palette (#E4E8DC, #939E8C, #617860, #003518, #080B00)
- Antique Bloom color palette (#F5F6EE, #D4DDD7, #A4AFB5, #828841, #52534B)
- Moss Alley color palette (#F4ECCA, #62A70E, #006D32, #444700, #1C3601)
- Muted Petrol color palette (#F0F7F2, #CDE2E1, #B0C6CA, #3C8089, #434A44)
- Abyss Terrace color palette (#E0EAE1, #ABBEB2, #76968A, #004F51, #162317)
Browse the whole catalog at Explore, or see today's palette.