Tempered Olive color palette — #F5F0CD · #777500 · #464C00 · #1F2700 · #070F00

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

The five colors

• Custard (#F5F0CD): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#777500): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#464C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#1F2700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#070F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. 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

• Faded Bronze color palette (#F0E4C3, #8D8100, #494F00, #253700, #00231A)
• Mustard Workshop color palette (#E9E0D4, #B69D00, #606D00, #1D3D00, #001005)
• Washed Olive color palette (#CEF2E8, #577800, #00627B, #2B3D00, #00090F)
• Wandering Pine Bloom color palette (#DBEEDE, #00864C, #005B3D, #00291E, #00100C)
• Aged Bronze Chapel color palette (#F9DCCC, #9F5500, #633A00, #331E00, #0D0600)
• Linen Cabin color palette (#DEECD8, #489B00, #245600, #0B2000, #000200)
• Gentle Lime Lantern color palette (#E2E5B0, #9FB54C, #628027, #3A5825, #00312D)
• Tempered Drift color palette (#D4F5EE, #67C179, #3FA17C, #405100, #001411)

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