Tempered Fern color palette — #FBF0E1 · #A5A466 · #4F6F39 · #3B4C33 · #221C07

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

The five colors

• Cream (#FBF0E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A5A466): A luminous, balanced green — the color of new leaves after rain.
• Olive (#4F6F39): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3B4C33): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#221C07): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Patina Jade Loft color palette (#F4F3E3, #6AB285, #007568, #26503E, #191F06)
• Dusty Olive color palette (#FCF0DE, #A8AF5B, #417B2F, #4A476B, #212300)
• Forest Villa color palette (#EEE4CD, #819851, #00672C, #4F2B3D, #151200)
• Dusty Loft color palette (#E7FBF1, #CAD98A, #7B945A, #456C67, #0A2F25)
• Hushed Olive Garden color palette (#F6EAD4, #72811C, #035310, #00312F, #0A0800)
• Washed Cobalt Study color palette (#F7F0EA, #A3CEEC, #597BB9, #005A61, #321428)
• Hazy Cobalt color palette (#D3FAED, #0082CA, #A45700, #725700, #001913)
• Lowlit Fern Bloom color palette (#E9DCCD, #645900, #1F3000, #0C0D36, #010100)

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