Tempered Fern color palette — #EDF8F1 · #9BA06D · #526D33 · #583F66 · #123E2F

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

The five colors

• Ivory (#EDF8F1): a clean, paper-quiet neutral.
• Moss (#9BA06D): A luminous, dusty green — the color of fresh herbs.
• Olive (#526D33): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#583F66): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#123E2F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Muted Cypress color palette (#E8FAF4, #76A6A0, #307154, #344A76, #163D39)
• Worn Pine Cabin color palette (#E9F6E8, #A2A475, #2A772D, #493E68, #082118)
• Softworn Terrace color palette (#EAF9F3, #91B9B0, #4C815B, #724A6A, #274A43)
• Dusty Alley color palette (#E6FBEE, #9DAA72, #437929, #853229, #364009)
• Pale Study color palette (#D4F3ED, #4AA772, #006A56, #741A45, #00381E)
• Terracotta Dune color palette (#FFF0FA, #FFDABC, #BAA76A, #994C52, #553947)
• Antique Field color palette (#DAEDE2, #728151, #115304, #4A0B52, #161E00)
• Ancient Station color palette (#FCF4E6, #CBD08D, #8BAD69, #9D7783, #37352F)

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