Tempered Fern color palette — #FBF5E7 · #E2D9BE · #BFB789 · #A29065 · #544700

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

The five colors

• Ivory (#FBF5E7): bright and airy, almost weightless.
• Bone (#E2D9BE): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#BFB789): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#A29065): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#544700): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Ancient Bronze color palette (#F2E7CF, #979256, #816D00, #614800, #0B0C00)
• Tempered Stone color palette (#EBF9F0, #BDE6E9, #B9AF82, #688365, #314341)
• Bronze Ridge color palette (#F3E5D8, #D8BC9C, #C6915F, #A56942, #34302A)
• Tempered Dune color palette (#E5F7EC, #99C7B2, #8B8458, #43604C, #21302A)
• Worn Drift color palette (#FEF3E9, #E9B78D, #98C590, #5AAB98, #423C37)
• Gentle Bloom color palette (#E9DEBD, #B6BF7A, #A09900, #847000, #232E00)
• Wandering Petal color palette (#E0E2FF, #FFD2B3, #FFBEDA, #826765, #392F2F)
• Hushed Cerulean Archive color palette (#FFF1F5, #C7AFE0, #60B7B1, #2C96BE, #3D2B37)

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