Tempered Olive color palette — #FCF3EA · #B6B282 · #5C7E50 · #6D505E · #524000

Fern and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3EA): a clean, paper-quiet neutral.
• Sage (#B6B282): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5C7E50): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#6D505E): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Tempered Olive 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

• Antique Forest color palette (#FFF3E5, #9CA060, #3F7042, #5F404D, #37352F)
• Washed Pewter Grove color palette (#E9F5EE, #94BEAB, #717A50, #634C64, #152D23)
• Muted Basalt color palette (#FCF4E4, #D0C49C, #8B9569, #8E675B, #514100)
• Worn Orchard color palette (#FEF2EF, #C5E7C5, #5594AB, #476D4C, #544056)
• Faded Moss color palette (#FFE8C5, #849F1B, #006C3D, #4B3373, #293303)
• Weathered Chapel color palette (#F0F8F0, #B7E0CC, #9AB687, #9089B9, #30493D)
• Hazy Apricot Lagoon color palette (#FFF2F0, #F59778, #AD574A, #6A321F, #471E13)
• Emerald Workshop color palette (#E8E6CE, #34A274, #006162, #573131, #232D11)

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