Tempered Fern color palette — #F8F5E9 · #BEE2D7 · #A2B690 · #748D7E · #464B00

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

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Silver (#BEE2D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A2B690): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#748D7E): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#464B00): 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

• Spruce Drift color palette (#F1F3EC, #BEC8AB, #56917A, #54684F, #2A3700)
• Ash Lagoon color palette (#EEF7F6, #C6E5E4, #8EC0C3, #71A4AE, #385352)
• Antique Orchard color palette (#FAF5E7, #CBE6C6, #6EAE8F, #916976, #393932)
• Forest Garden color palette (#FDF4E1, #91AE62, #247040, #433062, #050900)
• Patina Iris color palette (#FEF1F8, #E7D5EE, #DECB8D, #9392D2, #49463F)
• Worn Moss Boulevard color palette (#FFF3E7, #EDD794, #8B9C3E, #5269A1, #392D00)
• Weathered Market color palette (#FFF0F9, #C5C5FF, #CABC76, #9FA96E, #46313D)
• Emerald Canyon color palette (#E7E2C1, #4BA362, #005B4C, #3D1B41, #000200)

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