Tempered Olive color palette — #EBF9F4 · #AAB77E · #8996C5 · #6D7A37 · #3C4D6D

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Sage (#AAB77E): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#8996C5): A luminous, dusty violet — the color of twilight just after sunset.
• Olive (#6D7A37): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#3C4D6D): A full-bodied, dusty violet — the color of a velvet chair.

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

• Weathered Pine color palette (#E6FAF8, #8DBE92, #BE83A8, #44834E, #544665)
• Dusty Azure color palette (#FFF1F7, #DAA27C, #66A0C9, #99643F, #375065)
• Timeworn Corridor color palette (#F5F2E8, #B9B682, #9893D6, #7B7500, #432637)
• Tempered Cabin color palette (#E9FAF1, #CAC88F, #ACA8EA, #979020, #434B6A)
• Weathered Summit color palette (#E6FBF0, #A19B4E, #947CB7, #8B6183, #2F493C)
• Weathered Summit color palette (#E8FAF0, #C2E9F6, #B0C9E8, #A28191, #415750)
• Tempered Driftwood Loft color palette (#DCFEF1, #C7D0A0, #7A8549, #505622, #0F3E32)
• Pale Lime color palette (#D7FFF6, #77B925, #9363C9, #355A00, #49236E)

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