Tempered Fern color palette — #F4F7E8 · #B4E4DE · #BEC5D1 · #B4B58F · #4A5912
Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Silver (#B4E4DE): A whisper-light, dusty teal — the color of glacier melt.
- Oat (#BEC5D1): a calm mid-gray that lets other colors speak.
- Sage (#B4B58F): A luminous, dusty green — the color of a quiet forest floor.
- Deep Olive (#4A5912): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Stone Ridge color palette (#EEF9E9, #B3E3EA, #B4C8A3, #ACAEBD, #4A5749)
- Aged Bronze Alley color palette (#F6F7E3, #C6EDD8, #A9D1D5, #A57D3E, #495303)
- Tempered Bronze color palette (#FCF3EB, #E1DEC1, #D2A478, #A36C3B, #563900)
- Antique Quarry color palette (#E7FCE7, #D5DBEE, #A89DA2, #4EB0A0, #2A422E)
- Weathered Villa color palette (#D5F1E1, #7DCAB6, #009B97, #004B19, #000201)
- Weathered Fern Ridge color palette (#F2F7ED, #B1EADD, #59947E, #364F0D, #181D13)
- Washed Harbor color palette (#F6F6EC, #9EC37C, #C4717E, #8C5C3E, #2D2615)
- Aged Stone color palette (#F9F5E7, #C8C883, #DA97B3, #AD6F66, #34322B)
Browse the whole catalog at Explore, or see today's palette.