Tempered Olive color palette — #E6FBF3 · #A8B87F · #C18785 · #6B7A3C · #5F425C

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

The five colors

• Ivory (#E6FBF3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A8B87F): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#C18785): A luminous, dusty orange — the color of autumn markets.
• Olive (#6B7A3C): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5F425C): A full-bodied, dusty pink — the color of a candy shop window.

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

• Timeworn Thicket color palette (#FFF1F5, #CCA983, #B686AF, #996627, #514669)
• Timeworn Olive Terrace color palette (#E5F7EF, #B1B987, #AE8EBE, #707914, #3C2747)
• Softworn Pine Bloom color palette (#E4FAF9, #84C098, #789CC5, #3E8359, #344F6D)
• Weathered Moss Balcony color palette (#F7F6EB, #BACD9A, #B3A6E7, #7C993F, #4E466D)
• Timeworn Veranda color palette (#E3FBF6, #82A46E, #399A9F, #916F48, #2E4843)
• Muted Pewter color palette (#FFF0F8, #CFADBB, #987487, #725267, #534248)
• Aged Iris color palette (#E5F9FF, #55B1AF, #897FC2, #007574, #423C61)
• Muted Driftwood Dune color palette (#D7FFF7, #B4D1A9, #6E8F5E, #415C31, #0B443D)

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