Tempered Olive color palette — #F8F4EF · #C5AA7E · #6A771D · #7D5800 · #282411

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

The five colors

• Ivory (#F8F4EF): bright and airy, almost weightless.
• Camel (#C5AA7E): A luminous, dusty gold — the color of honey in a jar.
• Olive (#6A771D): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#7D5800): A full-bodied, balanced gold — the color of old brass.
• Onyx (#282411): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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

• Olive Study color palette (#F7F5EE, #C0C595, #558D54, #6F7300, #2E2F28)
• Quiet Brick Hollow color palette (#FCF3EF, #D79F94, #976126, #AC2514, #2F2113)
• Wandering Pine Villa color palette (#F8F0E9, #E6A26A, #34893F, #945100, #0E0F04)
• Olive Drift color palette (#FDF5DC, #989D5E, #4D7730, #005961, #3E3D36)
• Wandering Fern color palette (#F6F7E7, #84B16C, #007758, #316500, #002418)
• Bronze Alley color palette (#F8F5EF, #D9DCD3, #BBC3B2, #867329, #5C4300)
• Hushed Fern Bloom color palette (#FBF7C1, #AAB478, #637D33, #2B5F00, #014C0F)
• Antique Moss Station color palette (#F7F1E3, #A09000, #316300, #504700, #071600)

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