Tempered Fern color palette — #F8F6E6 · #93BB9B · #328372 · #665A05 · #3E4800
Olive and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#93BB9B): A luminous, dusty teal — the color of sea glass.
- Teal (#328372): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#665A05): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#3E4800): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Washed Chestnut Terrace color palette (#FEF3E7, #B9B270, #657C4B, #7A500B, #534000)
- Cypress Drift color palette (#F8F6E4, #75A982, #007362, #295541, #313A00)
- Patina Field color palette (#E8FAF2, #98D1CD, #579E95, #587A6C, #234A48)
- Worn Boulevard color palette (#EBFAEE, #00B4C6, #C07253, #00737F, #48413D)
- Timeworn Powder color palette (#E8FBEE, #DCD6E0, #CBC1F6, #548B7E, #3F524A)
- Teal Harbor color palette (#B4F5D6, #00CABC, #008FA1, #00647C, #194D41)
- Linen Amber Delta color palette (#FCE7D2, #A99100, #4F6400, #00503C, #372D00)
- Quiet Rust Hollow color palette (#E2FDEB, #0099B0, #B55D55, #905937, #293D30)
Browse the whole catalog at Explore, or see today's palette.