Tempered Olive color palette — #FFF2EA · #AF9865 · #596C0A · #564068 · #39352F

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#AF9865): A luminous, dusty gold — the color of honey in a jar.
• Olive (#596C0A): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#564068): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#39352F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Dusty Cypress color palette (#FBF5E5, #86A675, #007459, #683B4B, #36362F)
• Softworn Olive Grove color palette (#E8F6EB, #A6A45E, #576E28, #254B61, #032217)
• Feathered Forest color palette (#F0E2D2, #8E923E, #00671C, #42355C, #312805)
• Muted Pine color palette (#FEF3E8, #BBAF88, #53814E, #754D52, #514100)
• Worn Apricot color palette (#FFF1F6, #FFCFE9, #D9966F, #436B9C, #5A383D)
• Cobalt Orchard color palette (#FBF4EC, #A1D1C1, #5D73BF, #00605F, #522D3E)
• Pale Aubergine Workshop color palette (#FEE7F1, #A889E4, #398F0C, #592399, #243D1B)
• Weathered Taupe color palette (#FFF1F5, #D6CB92, #94AA6B, #7682AB, #1D3D2C)

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