Tempered Olive color palette — #E6F7ED · #BBB680 · #A58FCD · #7E7400 · #2C2E4C

Walnut and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#BBB680): A luminous, dusty green — the color of fresh herbs.
• Mauve (#A58FCD): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#7E7400): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2C2E4C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Iris color palette (#ECF9F3, #B1B57E, #938ED9, #75781F, #434C68)
• Bronze Harbor color palette (#EBF5EB, #CBAE88, #68A5C3, #986600, #10354A)
• Ancient Pine color palette (#E7F5F4, #88BFBD, #C783AC, #2C8554, #462339)
• Patina Garden color palette (#F8F6E6, #BCCD8E, #A4AAEF, #83964B, #5F4355)
• Aged Driftwood color palette (#E8F6EF, #C8DFE8, #B7ADB8, #B0835E, #233D39)
• Aged Cobalt color palette (#E2F7F3, #84A879, #7C88CA, #6571BC, #072E29)
• Lagoon Parlor color palette (#EAF5EF, #9FC4BC, #628E79, #456044, #143132)
• Muted Cypress color palette (#E9F4F5, #D7B9CD, #3A6D58, #00393B, #061718)

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