Tempered Olive color palette — #F9F0E6 · #C1B28D · #697E45 · #48527D · #312608

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

The five colors

• Cream (#F9F0E6): a clean, paper-quiet neutral.
• Stone (#C1B28D): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#697E45): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#48527D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#312608): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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 Canyon color palette (#F9F0E4, #A1A477, #4A7139, #423E75, #231B00)
• Wandering Lagoon color palette (#F4F2E4, #AFB990, #388473, #6F4850, #252A12)
• Olive Courtyard color palette (#F8F5EB, #A9B684, #617E44, #4D6049, #4C4300)
• Muted Basin color palette (#F0F7F0, #CDC693, #819963, #617195, #31493C)
• Misty Grape Basin color palette (#FDEDF1, #B695C9, #6F9D4A, #8441A5, #172F00)
• Iris Harbor color palette (#F7F1EA, #C5E4DC, #788BC4, #006A7A, #2D2647)
• Shadow Onyx Chapel color palette (#E5E2D4, #3A643A, #003225, #24002D, #000200)
• Patina Coast color palette (#FFECF1, #E4D5CD, #F4B0A0, #6D78B9, #422627)

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