Tempered Olive color palette — #F5F2E7 · #B5B883 · #9695D0 · #757700 · #452439

A conversation between Olive Leaf and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#B5B883): A luminous, dusty green — the color of fresh herbs.
• Blue Fog (#9695D0): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#757700): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#452439): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Pine Archive color palette (#F0F4E6, #93C0A0, #C088A8, #22864E, #472339)
• Bronze Drift color palette (#F8F1E7, #C9B080, #65A3D3, #916A00, #0C392F)
• Ancient Blush color palette (#F9F5EA, #B9B374, #D4798D, #7E7510, #62453F)
• Lilac Workshop color palette (#EDF8F2, #CEC789, #C09FEA, #978E4B, #494A65)
• Dusty Driftwood color palette (#F5F2E5, #BCDED6, #ADABB6, #AB8A62, #383830)
• Iris Veranda color palette (#F7F2DE, #9AA170, #8B84C4, #826BA6, #2D270E)
• Misty Balcony color palette (#F3F4DC, #81BB51, #9D5BD5, #335D00, #30004E)
• Timeworn Cypress color palette (#F0F3EC, #DDBC9D, #386E51, #0F3A25, #12150B)

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