Tempered Fern color palette — #FFF3E7 · #D4BA8D · #90844B · #556200 · #275103
Deep Olive and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Sand (#D4BA8D): A luminous, dusty gold — the color of old brass.
- Mocha (#90844B): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#556200): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#275103): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Patina Alley color palette (#FFF4DF, #BFC596, #749262, #166C36, #00533F)
- Worn Coast color palette (#FFF2EE, #DEAAA0, #AB775A, #815400, #5E4700)
- Misty Taupe Study color palette (#FFF0FE, #F3C29C, #B09B4D, #5F7D3F, #00553B)
- Aged Fern Ridge color palette (#E7E3D1, #87933D, #376B00, #003E19, #002A20)
- Washed Thicket color palette (#FCF4E7, #BFA37B, #747D41, #2B5D86, #4B4741)
- Tempered Alley color palette (#FCF4E7, #E0DBCE, #E2CC85, #82AA66, #4F4C45)
- Washed Stone color palette (#FFF4E1, #C7C1A6, #8B907B, #7E6A7A, #634A48)
- Chestnut Alley color palette (#EFDFCB, #795F00, #2F2E00, #071300, #000401)
Browse the whole catalog at Explore, or see today's palette.