Tempered Fern color palette — #F9F6DF · #C6F1F7 · #BFD0F3 · #CCB291 · #405612
A conversation between Deep Olive and Sand, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F6DF): A whisper-light, dusty green — the color of new leaves after rain.
- Frost (#C6F1F7): A whisper-light, dusty blue — the color of deep harbor water.
- Lilac Frost (#BFD0F3): A whisper-light, dusty violet — the color of wild irises.
- Sand (#CCB291): A luminous, dusty gold — the color of honey in a jar.
- Deep Olive (#405612): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Stone Canyon color palette (#EEF9E9, #D5E4F4, #CAB8B9, #A5BA90, #3C5141)
- Hazy Moss color palette (#DCFFE6, #90F9FF, #A5CFFF, #A49F39, #00453C)
- Washed Sand color palette (#FFF3E7, #E3CF97, #CBA482, #A17F71, #3E3D36)
- Hushed Mallow color palette (#D8F8D5, #C5E4FF, #D7B8FF, #6FAE81, #1D3C2C)
- Turquoise Study color palette (#EDF9F0, #FFC5BD, #51A3B0, #506B58, #19251C)
- Hushed Mint Lantern color palette (#F0F8E9, #3CD6AC, #E79388, #BD7C74, #2E3626)
- Olive Lantern color palette (#DCF9F5, #C6DEF0, #A3C6EB, #7C7C32, #143435)
- Chalky Workshop color palette (#E5FBF3, #19C3F4, #D180AB, #AB6F8E, #302D15)
Browse the whole catalog at Explore, or see today's palette.