Tempered Olive color palette — #E4EEDD · #8B8100 · #4A7300 · #003F37 · #000301

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

The five colors

• Honeydew (#E4EEDD): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#8B8100): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#4A7300): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Bronze Orchard color palette (#D7E8DF, #AA6D00, #655C00, #004413, #040500)
• Frosted Moss Workshop color palette (#E3F4EC, #569C00, #006C4E, #00454C, #000504)
• Hazy Olive Pier color palette (#E8EAC9, #B99100, #638A00, #006460, #000601)
• Ancient Pine Lantern color palette (#E6F2D8, #1E7D4F, #004646, #261236, #220014)
• Jade Field color palette (#CCE7EF, #00A785, #00818A, #00496E, #000A0D)
• Worn Canyon color palette (#B5ECDB, #35B70A, #008B7F, #005B6E, #001D1D)
• Garnet Meadow color palette (#C9EFF4, #005F50, #750039, #002720, #130005)
• Lime Villa color palette (#D1FBF9, #A1BA00, #00A772, #00797E, #002C23)

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