Tempered Olive color palette — #E3F7F1 · #A9BB8A · #B68ABA · #657B3D · #322C47

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

The five colors

• Ivory (#E3F7F1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A9BB8A): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#B68ABA): A luminous, balanced pink — the color of neon signs at night.
• Olive (#657B3D): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#322C47): A deep, shadowed, dusty violet — the color of wild irises.

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

• Antique Bronze color palette (#E7F7EA, #C6B181, #849BCE, #896D2A, #22314A)
• Coral Basin color palette (#E2F6F7, #8AC1A8, #CE8683, #3E8165, #40273E)
• Hushed Studio color palette (#EBF8F5, #9EBA8D, #AA88C7, #52822E, #4A4969)
• Moss Workshop color palette (#F7F6E8, #CAC79B, #CB9FD3, #789A41, #5D4162)
• Driftwood Bloom color palette (#E6F6F1, #CAD6F2, #B5A5B1, #779C7F, #294040)
• Timeworn Balcony color palette (#DEF9F2, #86A96C, #AB7AA6, #91698D, #152C28)
• Pewter Atelier color palette (#FFECF3, #A5C4AD, #9C7686, #6A4D66, #1E312A)
• Washed Coast color palette (#E1F6FF, #53B4C3, #C66F7E, #00727F, #43161F)

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