Tempered Olive color palette — #F3F3E5 · #A4BD8B · #A691C1 · #617C41 · #442732

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

The five colors

• Cream (#F3F3E5): a clean, paper-quiet neutral.
• Sage (#A4BD8B): A luminous, dusty green — the color of fresh herbs.
• Mauve (#A691C1): A luminous, dusty violet — the color of twilight just after sunset.
• Olive (#617C41): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#442732): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Ancient Hollow color palette (#F7F6E8, #A4B889, #A68BC2, #5D800F, #564468)
• Washed Bronze Ridge color palette (#FCEFE4, #D5AA82, #8E98CE, #956638, #44253B)
• Jade Lantern color palette (#F4F4DA, #86A96B, #9F80AC, #886C95, #292915)
• Worn Moss Drift color palette (#EBF8F5, #9CD1C5, #BAA5DE, #719B4E, #484A69)
• Worn Summit color palette (#EAF6E6, #56B7A9, #CB6F6A, #00756A, #421817)
• Aged Bronze Archive color palette (#FEEFE4, #CEB799, #AD7446, #6F4F45, #312C1C)
• Patina Pewter color palette (#EEF4ED, #E0B9A9, #50694C, #243721, #0F160E)
• Wandering Basalt color palette (#F5F3DF, #C9E1D3, #B6B0B9, #A48B69, #3A4400)

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