Tempered Fern color palette — #EAF4F6 · #4B9F93 · #915F34 · #5D5200 · #052322

Deep Olive and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF4F6): a clean, paper-quiet neutral.
• Eucalyptus (#4B9F93): A luminous, balanced teal — the color of glacier melt.
• Walnut (#915F34): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#5D5200): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#052322): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. 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

• Washed Rust Chapel color palette (#E8F5F2, #7AA16D, #A05658, #713F0A, #0E2119)
• Patina Forest color palette (#EAF3FB, #5695B7, #6F7432, #005C32, #031E26)
• Hushed Meadow color palette (#EEF8F3, #3097BC, #9F5154, #455A21, #2C3C34)
• Abyss Courtyard color palette (#E2F6FF, #008291, #644D00, #274500, #00110D)
• Dusty Corridor color palette (#F3F0FC, #B58CB2, #9C5D62, #723D00, #2C2800)
• Olive Thicket color palette (#F0F6FD, #A5C0F0, #CC7E94, #6E6C00, #132532)
• Worn Amber color palette (#FFF1F4, #BA8ABD, #C36C4F, #7A5F25, #373730)
• Hushed Cocoa color palette (#FEECF9, #AFA3D4, #8D6899, #7B3D34, #292A3D)

Browse the whole catalog at Explore, or see today's palette.