Tempered Olive color palette — #FFF3E9 · #D2B970 · #69803C · #59476F · #221600

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#D2B970): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#69803C): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#59476F): A full-bodied, dusty violet — the color of a velvet chair.
• Ink (#221600): A deep, shadowed, dusty gold — the color of old brass.

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

• Patina Field color palette (#FFF4E1, #ADC680, #128C59, #6D4348, #1C1900)
• Aged Grove color palette (#FFF3E7, #DCD383, #729662, #7E5661, #30270F)
• Moss Thicket color palette (#FFF3E4, #A2AA45, #297038, #512B52, #070800)
• Ancient Fern color palette (#F3DEE5, #9A8B53, #4C5D05, #293971, #322800)
• Washed Fern Alley color palette (#F1ECDD, #889465, #3E6100, #00433D, #101400)
• Worn Moss color palette (#D5EBE0, #B5C27B, #819C5A, #2D857A, #013125)
• Cobalt Orchard color palette (#FFF0F7, #E5D5D5, #E7C99B, #5580AB, #35161A)
• Teal Garden color palette (#FBF4E8, #DAEFBB, #71AD8D, #8B6E70, #393932)

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