Tempered Fern color palette — #E5F7EB · #A4A46B · #606B27 · #553C57 · #042217

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

The five colors

• Cream (#E5F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A4A46B): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#606B27): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#553C57): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#042217): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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 Cabin color palette (#E4F8E9, #B6A861, #706F1F, #6B4028, #272000)
• Cypress Archive color palette (#E3F7F4, #7CAE89, #327356, #254C5E, #002221)
• Worn Pewter color palette (#E6F6EE, #90BFAE, #697D50, #644C5F, #152D25)
• Tempered Alley color palette (#FCF4E9, #A19D6D, #4F6E2E, #4A4178, #3A370B)
• Wandering Fern Veranda color palette (#DBF0E4, #90934E, #4D5D00, #4F3114, #00170E)
• Worn Thicket color palette (#EEF9ED, #D6D3A1, #78945C, #5A6180, #083020)
• Muted Olive Harbor color palette (#FBF5E7, #B8B888, #7B883D, #904C53, #39370D)
• Terracotta Atelier color palette (#F3E3F2, #D56D6E, #768425, #97222D, #1A1F00)

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