Tempered Olive color palette — #EAF9F6 · #9BBB8B · #CC836D · #538137 · #624158

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

The five colors

• Ivory (#EAF9F6): bright and airy, almost weightless.
• Sage (#9BBB8B): A luminous, dusty green — the color of new leaves after rain.
• Coral Clay (#CC836D): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#538137): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#624158): A full-bodied, dusty pink — the color of neon signs at night.

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

• Muted Olive color palette (#EDF8F3, #AEB586, #3FA9BA, #717A00, #285364)
• Antique Orchard color palette (#EAF8FB, #77BFB7, #AE965A, #00847B, #5B4B22)
• Ancient Olive color palette (#E5F6F3, #9AC08F, #B689C2, #508043, #312D46)
• Wisteria Garden color palette (#F5F6EC, #A6D2A0, #CB9BE6, #639D5C, #62434C)
• Ancient Chestnut color palette (#FFF1F5, #A8BFA8, #9C7381, #795438, #3D4C40)
• Antique Cypress Terrace color palette (#E7F9FC, #83BBC3, #8893D5, #008574, #444A6F)
• Gentle Bronze color palette (#DDFDFB, #3DAC6D, #BA6600, #006F3D, #592E00)
• Antique Driftwood color palette (#E4FBF9, #C7E1EF, #9EC6E7, #71976A, #3B5656)

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