Tempered Olive color palette — #F6F6EA · #E7E1B4 · #5C8434 · #393932 · #101006

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

The five colors

• Ivory (#F6F6EA): a clean, paper-quiet neutral.
• Celadon Mist (#E7E1B4): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#5C8434): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#393932): quiet, heavy and certain.
• Ink (#101006): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Quarry color palette (#F2F7EE, #EBE0BA, #33876D, #284100, #0D1109)
• Wandering Bronze color palette (#FCF4E8, #FEE3A5, #9C6C00, #3C3832, #160E03)
• Hushed Villa color palette (#E9FAF4, #E5D692, #8C9E5A, #476C60, #182521)
• Tempered Fern Atelier color palette (#E3F7F3, #D8A884, #3F5F32, #172E0D, #00100D)
• Aged Courtyard color palette (#F6F6EC, #D4F1B5, #00B0CE, #6F9934, #04170C)
• Amber Terrace color palette (#E2E6D3, #C57A00, #003608, #060C06, #000200)
• Hushed Summit color palette (#EBF9F0, #FFBFA4, #006F84, #002D37, #000502)
• Indigo Ridge color palette (#F7F6EA, #95B84E, #6069D1, #98463B, #1C1A07)

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