Tempered Olive color palette — #EEF8EF · #92BAA5 · #6C7B38 · #3A6260 · #31483C

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

The five colors

• Ivory (#EEF8EF): bright and airy, almost weightless.
• Sage (#92BAA5): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#6C7B38): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#3A6260): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#31483C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Atelier color palette (#EFF7F4, #A6C9C2, #638C6F, #476D74, #3E524E)
• Softworn Olive color palette (#FBEDF4, #C7B273, #687E43, #3E5A60, #1A2C20)
• Cypress Field color palette (#E4FBF6, #74B38D, #007B66, #005C65, #094343)
• Aged Summit color palette (#FEF3EA, #D3C396, #84985E, #667762, #573D00)
• Antique Studio color palette (#D3F5E3, #7EA118, #156D0D, #004F40, #263400)
• Patina Cobalt color palette (#F1F7F2, #C5E1F3, #4191CD, #007078, #374960)
• Turquoise Ridge color palette (#B9EDFE, #43C1DC, #0086A7, #03618F, #2C4562)
• Hushed Lantern color palette (#D6E7DB, #6C7200, #264000, #002A1A, #00140C)

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