Tempered Fern color palette — #F6F6ED · #D7E3C8 · #9FC0A1 · #9E9C7B · #3F5614

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Celadon Mist (#D7E3C8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9FC0A1): A luminous, dusty green — the color of fresh herbs.
• Taupe (#9E9C7B): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#3F5614): A full-bodied, balanced green — the color of fresh herbs.

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

• Tempered Driftwood Ridge color palette (#F5F6EC, #B4E6E1, #74BFB2, #858C46, #394F09)
• Antique Ash color palette (#EEF7F6, #B4D9DA, #75A5AD, #598882, #365354)
• Tempered Parlor color palette (#E7F6F1, #9ED1B9, #608A97, #4F6760, #243535)
• Tempered Jade Corridor color palette (#FDF4E7, #D1CBA1, #6AB286, #3891A6, #37362F)
• Worn Parlor color palette (#F5EEE0, #96B183, #00956F, #006E8F, #0F2000)
• Olive Boulevard color palette (#EDDDD0, #9C8647, #536D00, #00544D, #090500)
• Aged Moss Loft color palette (#FFE6D4, #DBBC74, #93B122, #8F50A9, #3B2B00)
• Dusty Pier color palette (#F1DCD0, #BB8F47, #727600, #66408A, #180D00)

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