Tempered Olive color palette — #FCECE5 · #807D00 · #530700 · #0E140D · #170100

Olive Leaf takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FCECE5): bright and airy, almost weightless.
• Olive Leaf (#807D00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#530700): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0E140D): a grounded near-black with real depth.
• Ink (#170100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Inked Bronze color palette (#F7E6D6, #7B6600, #301700, #060F12, #060200)
• Olive Courtyard color palette (#FCE0DE, #5D8800, #500030, #16000A, #040000)
• Washed Moss color palette (#EDDEE7, #A99204, #782500, #340B00, #080005)
• Timeworn Stone color palette (#F7F1E7, #DBBF8B, #706033, #34312A, #17130D)
• Muted Hollow color palette (#E9E3DC, #B8B3A1, #8B9178, #5E3B00, #130800)
• Marigold Studio color palette (#FBE8F3, #CB9900, #652500, #312D27, #130300)
• Timeworn Bronze color palette (#F6E1D8, #A36D00, #4F4A00, #042601, #000605)
• Velvet Chestnut color palette (#EDE2C3, #764F00, #2A3436, #171500, #010100)

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