Tempered Fern color palette — #F8F6E6 · #9AC098 · #518F72 · #6E6517 · #35362F
Olive takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9AC098): A luminous, dusty green — the color of fresh herbs.
- Fern (#518F72): A full-bodied, dusty teal — the color of glacier melt.
- Olive (#6E6517): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#35362F): quiet, heavy and certain.
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
- Olive Archive color palette (#F4F7E7, #B9CCA3, #519F95, #6F7832, #344B05)
- Cypress Thicket color palette (#F9F5E9, #83A583, #077364, #504E08, #35362F)
- Teal Workshop color palette (#E8FAF1, #AAD8A6, #2CB89E, #898658, #183C38)
- Emerald Lantern color palette (#EAF9F4, #AEDFAD, #15A270, #3F6E61, #002F2B)
- Linen Olive Meadow color palette (#F7EACC, #A4B64C, #4D8A28, #006B50, #2B3200)
- Cypress Studio color palette (#F9F4EE, #BFDEC3, #4AA3B9, #007E6A, #0D4055)
- Weathered Jade Alley color palette (#E3E4D2, #5FA478, #00715B, #304F1C, #171E00)
- Weathered Powder Workshop color palette (#DFFFE8, #AEE6E9, #A4C0FF, #34948E, #2D4C3E)
Browse the whole catalog at Explore, or see today's palette.