Tempered Olive color palette — #E1E3C8 · #868000 · #337300 · #004139 · #000301

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

The five colors

• Celadon Mist (#E1E3C8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#868000): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#337300): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004139): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

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

• Wandering Bronze color palette (#F5EDD7, #AB7500, #706500, #004618, #020400)
• Powdered Moss color palette (#DAE5D1, #32A300, #00705C, #004754, #000605)
• Powdered Thicket color palette (#E1EBD8, #D18100, #00993C, #00627B, #000703)
• Cypress Lantern color palette (#E9F1E2, #0F7051, #004345, #32103D, #2C031B)
• Antique Jade color palette (#DAF3E0, #00AA87, #007783, #004979, #000C11)
• Cellar Spruce Delta color palette (#E7ECD2, #545961, #00390C, #121F1C, #000603)
• Garnet Grove color palette (#DFF0D8, #005F53, #760037, #002721, #130005)
• Softworn Lime Coast color palette (#EBF3DF, #A0CB00, #00A374, #007078, #00261F)

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