Tempered Olive color palette — #EFF7F5 · #D1DDE1 · #B3C2CA · #697D45 · #3D4B47

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D1DDE1): bright and airy, almost weightless.
• Stone (#B3C2CA): A luminous, dusty blue — the color of deep harbor water.
• Olive (#697D45): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3D4B47): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Olive Hollow color palette (#ECF4F1, #D1D8DC, #B1BECC, #6F7D30, #232F2B)
• Dusty Pine color palette (#EDF8F3, #8BBBAE, #567F57, #3F6252, #2F4842)
• Hushed Ridge color palette (#D1F4EF, #A1C5C8, #6B8894, #605D7A, #5E3F52)
• Forest Meadow color palette (#EBF8F7, #BCD9DB, #88AEB6, #0D6D28, #1F3836)
• Wandering Delta color palette (#E0EAEF, #AFBBC4, #8190A0, #004E5A, #0E222B)
• Dusty Pine color palette (#CFEBEA, #27854D, #1C373B, #0C2323, #060F10)
• Aged Harbor color palette (#D6E4E1, #93B0AF, #678689, #1C4200, #001915)
• Misty Delta color palette (#E1FCF8, #E2DF7F, #88D392, #00988B, #144733)

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