Tempered Fern color palette — #F9F5E8 · #AFE4BA · #68BEB3 · #A98687 · #3E4800

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Mint (#AFE4BA): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#68BEB3): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#A98687): A luminous, dusty red — the color of a theater curtain.
• Deep Olive (#3E4800): 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

• Timeworn Teal color palette (#F9F5E6, #A3D9AF, #49B4A8, #86847C, #35362F)
• Fern Hollow color palette (#FBF4EC, #E1E2B0, #B5B994, #A89784, #5D4B00)
• Wandering Bronze Parlor color palette (#F7F6E7, #CBE4C8, #84A989, #92702C, #3A3C00)
• Tempered Aqua color palette (#FCF3F0, #C1F0E1, #6FCCE9, #79A678, #2D4F47)
• Patina Coast color palette (#FAF6DF, #C7F1F4, #BFD1F7, #C1A889, #48570E)
• Quiet Mint color palette (#ECEED2, #3BDDB9, #00AABC, #A46576, #00372B)
• Ancient Delta color palette (#DFFFE1, #A7F2AA, #77C592, #538B61, #113316)
• Worn Lime color palette (#F6F8D9, #8BD572, #D89DD5, #C78499, #383932)

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