Tempered Fern color palette — #EEF8F3 · #CADEE1 · #9EC3C3 · #6A6100 · #021009

Olive takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Silver (#CADEE1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#9EC3C3): A luminous, dusty teal — the color of glacier melt.
• Olive (#6A6100): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#021009): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Chestnut Bloom color palette (#FBF2F6, #CEE1DD, #A7C2B7, #914A00, #17060F)
• Tempered Fern color palette (#DDE8E3, #9EBAB1, #6C988F, #454800, #000F08)
• Wandering Olive Study color palette (#E5E2D7, #B9C4B2, #9AAF94, #848600, #241F0E)
• Fern Courtyard color palette (#E7FCE9, #A6A75E, #3C6F1A, #4F3700, #080800)
• Antique Lagoon color palette (#EFF7F8, #D5DCE4, #BBC1D7, #00897A, #052327)
• Aged Emerald Drift color palette (#ECF8F6, #CEE0E9, #B6ACBE, #429400, #022C26)
• Bronze Lagoon color palette (#FFE6F1, #A18800, #006636, #4D0045, #030400)
• Aubergine Lantern color palette (#F4E0C3, #A2A673, #338267, #641E5B, #3B030A)

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