Tempered Fern color palette — #F6F6EA · #D1DAB4 · #79BCA2 · #A3869C · #3F4800

A conversation between Deep Olive and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F6EA): a clean, paper-quiet neutral.
• Celadon Mist (#D1DAB4): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#79BCA2): A luminous, dusty teal — the color of shallow lagoons.
• Heather (#A3869C): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#3F4800): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Weathered Terrace color palette (#FBF4EB, #E7DDC2, #BCB793, #AC929B, #5F4A00)
• Jade Balcony color palette (#FEF5DC, #BFDA92, #75B871, #A079A1, #3B3B34)
• Hushed Basalt color palette (#F9F5EB, #B5CDA4, #849770, #896867, #474500)
• Teal Station color palette (#EFF8F1, #B5EAF1, #73AD8E, #946778, #1C4037)
• Softworn Parlor color palette (#E9E5D1, #A2C691, #4CA66E, #8C6783, #2B2B03)
• Feathered Blush color palette (#FFF1F0, #FEB1D4, #72D3B7, #D97CA8, #004F3F)
• Softworn Teal color palette (#F9F4ED, #C5E6E6, #91C4EB, #53A7AE, #573D58)
• Aged Mustard color palette (#FFF2F0, #F4A2BD, #AEBE69, #62AEDE, #4A302D)

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