Tempered Olive color palette — #D5EBDC · #A5AB63 · #5B7E39 · #7A4341 · #073124

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

The five colors

• Honeydew (#D5EBDC): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A5AB63): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5B7E39): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#7A4341): A full-bodied, dusty orange — the color of toasted spice.
• Deep Forest (#073124): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cypress Field color palette (#D5EAE7, #68B796, #008477, #7B404F, #003221)
• Washed Harbor color palette (#FDF4E3, #BAC184, #598525, #793C3B, #1E1800)
• Timeworn Forest color palette (#D3E7DF, #799F63, #237142, #643823, #00201C)
• Lagoon Studio color palette (#EBF9F1, #8EC1B2, #638D5F, #795670, #193D34)
• Quiet Amber Alley color palette (#F0E3D3, #C69000, #877100, #4E4E00, #263100)
• Aubergine Grove color palette (#D9EADD, #7E955A, #006541, #532864, #003128)
• Airy Lime Boulevard color palette (#D7EAA4, #A1BC52, #707B00, #3B4800, #181C00)
• Hazy Plum Atelier color palette (#D3EFE2, #8A8D00, #0086B3, #A53C73, #212100)

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