Tempered Fern color palette — #EEF8F5 · #CBDDE4 · #A0B9BB · #536D3D · #333D3B
Built around Olive, softened by Ash — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF8F5): bright and airy, almost weightless.
- Silver (#CBDDE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#A0B9BB): A luminous, dusty blue — the color of open sky before noon.
- Olive (#536D3D): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal (#333D3B): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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 Petrol color palette (#EEF7FB, #D3DAED, #A6BFD9, #007886, #344248)
- Washed Field color palette (#C1EDE9, #7EB2B8, #3D7B89, #5C5272, #4C3E50)
- Hushed Denim color palette (#E7F0F5, #C0CEDB, #90A2BA, #005F74, #223037)
- Softworn Studio color palette (#E0EAEB, #8BB1B8, #638592, #00432E, #001819)
- Weathered Market color palette (#E5FBF2, #80A966, #2C7344, #315346, #143D36)
- Jade Meadow color palette (#F5F6EF, #D4DBD5, #B5C7B9, #82AE6A, #3E3D00)
- Deep Market color palette (#CCE7E6, #00764C, #002C33, #021718, #010507)
- Airy Chartreuse color palette (#D5FFFE, #BED121, #0BB975, #008281, #00373B)
Browse the whole catalog at Explore, or see today's palette.