Tempered Fern color palette — #F4F7EC · #A0E7C5 · #7EBAA8 · #989070 · #364B02

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Mint (#A0E7C5): A whisper-light, balanced teal — the color of glacier melt.
• Mint Leaf (#7EBAA8): A luminous, dusty teal — the color of sea glass.
• Caramel (#989070): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#364B02): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Seafoam Basin color palette (#F5F8E1, #81E8A0, #54BC8E, #71946B, #1E442A)
• Bronze Courtyard color palette (#F5F7E7, #91D5BD, #509E9F, #9D613A, #3C4732)
• Oat Study color palette (#FCF5E4, #CDCF86, #99A865, #84847C, #37352F)
• Tempered Teal Drift color palette (#E9F9F7, #BBE4FB, #6BACA3, #637F64, #1E3E40)
• Quiet Lagoon color palette (#EBFCDA, #16DDAE, #61C0F4, #AEA866, #363933)
• Softworn Teal Lantern color palette (#E1E9CD, #7DCDA8, #3AA68A, #53825F, #232D0E)
• Seafoam Loft color palette (#F0F9E3, #70E7B0, #93C0FF, #50B587, #523852)
• Worn Petrol color palette (#F1F3E6, #A7BAA0, #3F7F8F, #75454C, #1D2C17)

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