Tempered Olive color palette — #FFF3E3 · #B48200 · #49840E · #3A318C · #0F0600

A conversation between Olive Leaf and Indigo, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B48200): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#49840E): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#3A318C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0F0600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Hazy Ridge color palette (#FFF2EF, #D5617C, #6F7800, #154A9D, #140302)
• Olive Quarry color palette (#FFF3E6, #FA9B6A, #6D8B00, #4C4688, #301D00)
• Aubergine Bloom color palette (#FCF7D1, #7F9900, #007464, #690061, #060900)
• Amber Courtyard color palette (#FCF4E9, #CB9623, #009382, #684484, #251B0C)
• Linen Studio color palette (#E6FBEF, #7C6D00, #005729, #1E307E, #2E172B)
• Amber Lantern color palette (#FFF2E9, #E07C3C, #00867D, #6E2558, #150600)
• Worn Onyx color palette (#FFF3E4, #926400, #00513A, #290051, #020100)
• Worn Amber Archive color palette (#FEF4E2, #A68600, #203E18, #160E01, #030100)

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