Tempered Olive color palette — #FDF3EA · #B5B284 · #5B7F51 · #6D505E · #524000

Fern takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Sage (#B5B284): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5B7F51): A full-bodied, balanced green — the color of new leaves after rain.
• 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

• Wandering Pine Delta color palette (#FFF3E5, #9DA155, #39723D, #60404E, #37352F)
• Weathered Driftwood color palette (#FAF5E7, #CEC4A1, #88975E, #886A60, #504100)
• Pewter Workshop color palette (#EAF5EE, #92BFAB, #707B50, #624C62, #132D23)
• Timeworn Cerulean Field color palette (#FDF3EF, #C7E6C6, #3E96B3, #476D4A, #553F58)
• Wandering Taupe color palette (#EEF8EF, #B3E1CB, #97B880, #878EB2, #294A3C)
• Coral Villa color palette (#FFF2EF, #F49383, #AA5940, #6C322A, #462013)
• Lagoon Summit color palette (#E8E6CB, #469F7D, #006165, #592C47, #232D14)
• Hazy Villa color palette (#FEEEFF, #EB87BD, #B6565E, #874B34, #514C46)

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