Tempered Olive color palette — #E8DCCD · #797100 · #5E3E00 · #411300 · #010500

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

The five colors

• Bone (#E8DCCD): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#797100): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#5E3E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#411300): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 (#D9F5DC, #7B743D, #503700, #210B00, #010100)
• Garnet Meadow color palette (#F8E4DD, #9C5E00, #7A2300, #45081F, #050300)
• Bronze Coast color palette (#F7ECD3, #8CAB5C, #847100, #68441F, #21270B)
• Eclipse Grove color palette (#D5DEFD, #370AE5, #564200, #342700, #01000F)
• Amber Pier color palette (#FFE9D9, #B78100, #984500, #66232B, #1D1500)
• Eclipse Aubergine color palette (#F5D6DA, #79008F, #4E2800, #271100, #000203)
• Timeworn Bloom color palette (#DFEEE6, #AE6700, #008170, #031013, #010200)
• Inked Navy color palette (#F9E4F6, #956D00, #061C75, #000122, #050004)

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