Tempered Fern color palette — #F8F6E8 · #8CA56A · #466F35 · #4F4A44 · #36362F

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

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Moss (#8CA56A): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#466F35): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4F4A44): quiet, heavy and certain.
• Espresso (#36362F): a grounded near-black with real depth.

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

• Pale Clover color palette (#F7F6E4, #71B85A, #317B41, #475732, #284320)
• Patina Bloom color palette (#F7F9D1, #B0F2BB, #70BD9D, #687B42, #3E4038)
• Hazy Moss color palette (#F8EACD, #9F9500, #596000, #514100, #332F00)
• Emerald Coast color palette (#E5E7CB, #5A9E66, #03653F, #2C4622, #272C11)
• Ancient Moss color palette (#F2F0D8, #749E00, #0086A5, #466100, #003C4B)
• Weathered Lagoon color palette (#E6FBF1, #A4BE8E, #569061, #7A566D, #0B3E36)
• Muted Driftwood Courtyard color palette (#FAF5E7, #BEC69A, #8B843B, #7A6317, #5A4D00)
• Linen Summit color palette (#E7E8C1, #4C8D00, #007C81, #804E00, #2E2D0B)

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