Tempered Olive color palette — #E4E3C2 · #AAB664 · #6A8027 · #3A530A · #1E3414

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

The five colors

• Celadon Mist (#E4E3C2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#AAB664): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#6A8027): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3A530A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#1E3414): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Hushed Pine color palette (#D2E8CC, #80BC81, #308D59, #005D3A, #003224)
• Antique Olive Field color palette (#F6E9BF, #BBC47F, #869F3C, #517C1E, #304C23)
• Linen Bronze Market color palette (#FFDFB5, #CEA658, #8F700A, #635400, #363100)
• Misty Olive Garden color palette (#E4F7F2, #8DB170, #4A98BA, #487319, #002C3C)
• Olive Chapel color palette (#DFE4D0, #517000, #244900, #041D00, #000501)
• Pale Moss Parlor color palette (#E4EBDE, #459F00, #00761E, #00481F, #002312)
• Antique Workshop color palette (#DDF9F4, #BEE1EF, #9BDBC8, #788A62, #0F3533)
• Worn Cocoa Drift color palette (#FFECF4, #CB9CAC, #926C4F, #69412C, #162817)

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