Tempered Olive color palette — #DEE8CA · #659E2D · #2F7600 · #004E15 · #002B14

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

The five colors

• Celadon Mist (#DEE8CA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#659E2D): A luminous, balanced green — the color of new leaves after rain.
• Olive (#2F7600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#004E15): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#002B14): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Olive Summit color palette (#E8E6D4, #8CA100, #418A00, #006439, #002721)
• Antique Bronze color palette (#E8E2CD, #998700, #6F6800, #434500, #1B2200)
• Aged Atelier color palette (#DBE9E0, #31AF79, #00724A, #003C25, #000A04)
• Softworn Emerald Boulevard color palette (#EDF2DB, #25A044, #007AC1, #006521, #001C32)
• Frosted Pine color palette (#E6F0D4, #91D1BA, #00C0B8, #087D1C, #002F21)
• Ancient Emerald color palette (#EAECC2, #9CD099, #4CA864, #008753, #1F5641)
• Linen Pine color palette (#EAEEDA, #008D30, #007688, #735100, #001703)
• Airy Aqua Terrace color palette (#89F5EF, #00CCD0, #009EAB, #007685, #004555)

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