Tempered Fern color palette — #F4F6EE · #B9C7A1 · #4D9079 · #516D5F · #43550F
Deep Olive and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Pistachio (#B9C7A1): A luminous, dusty green — the color of new leaves after rain.
- Fern (#4D9079): A luminous, dusty teal — the color of shallow lagoons.
- Graphite (#516D5F): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#43550F): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Cocoa Quarry color palette (#F8F5EE, #CDC09C, #80874A, #7B5E55, #5F4A00)
- Weathered Lagoon color palette (#F4F2E7, #C2C7A3, #59907B, #715A60, #31322B)
- Hushed Terrace color palette (#F4F6EF, #C4E8E8, #63A1C6, #3C7886, #365149)
- Fern Alley color palette (#FAF4EB, #E1E0C1, #ADBC9A, #B3908D, #544F00)
- Dusty Fern Alley color palette (#EDE4D1, #938E50, #545A00, #5F2C30, #322807)
- Ancient Courtyard color palette (#EBE8DA, #698538, #245100, #541601, #141F00)
- Worn Harbor color palette (#E9EFD1, #0BAC6E, #006B50, #5E3A00, #003820)
- Muted Olive Field color palette (#FCF4E4, #ABA65D, #687000, #7D3743, #3F3C11)
Browse the whole catalog at Explore, or see today's palette.