Tempered Olive color palette — #E4F7F1 · #AABB89 · #8B99CF · #677A3B · #22304E

Built around Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#E4F7F1): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#AABB89): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#8B99CF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#677A3B): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#22304E): A deep, shadowed, 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

• Patina Courtyard color palette (#EDF8F3, #B3B47C, #9292C9, #78771B, #414C6C)
• Worn Pine Field color palette (#E2F7F5, #8CC299, #BF89A8, #458155, #372B43)
• Muted Orchard color palette (#ECF5EB, #CFAC85, #62A6C7, #966627, #143448)
• Antique Driftwood color palette (#E8F6EE, #9CC5BC, #648E78, #6E4D58, #183131)
• Iris Chapel color palette (#DFF9EC, #A2A063, #9B7FB8, #836D9A, #162D23)
• Driftwood Pier color palette (#E6F7EE, #C6E0EA, #B6AEB8, #A88292, #2F433D)
• Washed Cypress color palette (#E6F5F6, #DBB7CE, #366B6E, #08383A, #0B1617)
• Muted Boulevard color palette (#D7FBEF, #C2D6A6, #818D57, #495422, #1B2000)

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