Tempered Olive color palette — #F9E4EE · #A95400 · #347200 · #672160 · #1A0800

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

The five colors

• Blush (#F9E4EE): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#A95400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#347200): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#672160): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#1A0800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged warm.

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

• Fern Workshop color palette (#FDDAE8, #9F5500, #2D650A, #4D0039, #170001)
• Chalky Garnet color palette (#E1F5E6, #8B6900, #007256, #771637, #130C00)
• Frosted Terrace color palette (#F5DDF3, #CF002D, #696300, #4C2F79, #190418)
• Aged Summit color palette (#D8F7E1, #8C6F00, #007426, #003A66, #020100)
• Gentle Workshop color palette (#CCF0D1, #AB7E00, #008D68, #A00C4E, #2A1D00)
• Washed Bronze Atelier color palette (#EBE3C6, #987E00, #555F00, #00423E, #1A1700)
• Amber Station color palette (#DCE8DB, #C88100, #5E6700, #734800, #000503)
• Patina Pier color palette (#BDE9DD, #689000, #008092, #813C17, #00211A)

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