Tempered Fern color palette — #FBF5E4 · #7B7620 · #446B28 · #294175 · #352512
A conversation between Olive and Walnut, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Walnut (#7B7620): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#446B28): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#294175): A deep, shadowed, balanced violet — the color of wild irises.
- Espresso (#352512): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, 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
- Tempered Pine color palette (#F3F7E9, #639A70, #387247, #4C4576, #36322C)
- Muted Navy Station color palette (#FFF3E8, #C38866, #5D723D, #53417C, #413C36)
- Antique Loft color palette (#FEF3EA, #A86116, #784D00, #00495A, #38241C)
- Antique Canyon color palette (#EBE4D4, #807200, #32332C, #251E0E, #0F0D05)
- Fern Lantern color palette (#F1F7D6, #287000, #005055, #003543, #300400)
- Washed Navy color palette (#FDEDF2, #A66A2A, #006A6B, #2B3580, #1A0D21)
- Frosted Fern color palette (#FFE7E1, #D79F6F, #807B33, #335F13, #004A3E)
- Frosted Harbor color palette (#E6FDE5, #008180, #006060, #472382, #302100)
Browse the whole catalog at Explore, or see today's palette.