Tempered Olive color palette — #D0E6D9 · #6C893F · #5F5300 · #482700 · #000F05

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

The five colors

• Celadon Mist (#D0E6D9): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#6C893F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#5F5300): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#482700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000F05): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Ancient Moss Chapel color palette (#EEE8D9, #74924B, #594E00, #331B00, #000201)
• Softworn Garnet Lagoon color palette (#F6E1E8, #917C29, #764500, #5F0900, #080D00)
• Timeworn Olive color palette (#EDE2C4, #656E26, #403900, #261900, #050E00)
• Chestnut Villa color palette (#DBF0F6, #006E72, #754600, #4D2D00, #000606)
• Feathered Veranda color palette (#DDF2E0, #A0A559, #916A00, #773911, #002B27)
• Olive Boulevard color palette (#F4E2EC, #A49800, #287F00, #021100, #000202)
• Misty Bronze color palette (#E2F5E0, #C3B66A, #AC7B3C, #8C4D3A, #2C3B16)
• Worn Garden color palette (#D2E4EA, #00959C, #98004D, #004F53, #060001)

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