Tempered Olive color palette — #E3E0BC · #747800 · #455100 · #1D2A00 · #040D00

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

The five colors

• Celadon Mist (#E3E0BC): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#747800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#455100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#1D2A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#040D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Worn Moss color palette (#EDEBC6, #8B8B00, #5D6D00, #324800, #102200)
• Weathered Garden color palette (#E1EEDE, #4B8F37, #205000, #051E00, #000200)
• Timeworn Chapel color palette (#FFEBDD, #9C5D00, #684300, #342300, #0D0700)
• Hushed Archive color palette (#E1F1EC, #627500, #A7001D, #313C00, #180001)
• Pine Chapel color palette (#DEF1E2, #007C51, #005A42, #003026, #000F0C)
• Fern Chapel color palette (#DEE3D3, #506000, #005952, #5D2C00, #030400)
• Weathered Lagoon color palette (#C5EDE5, #8EC093, #23A17B, #415400, #011801)
• Weathered Fern color palette (#C9EBDE, #94AA6A, #5C8634, #215C02, #153618)

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