Tempered Olive color palette — #DEE6D2 · #638700 · #2F5200 · #162100 · #010200

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

The five colors

• Parchment (#DEE6D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#638700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2F5200): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#162100): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010200): quiet, heavy and certain.

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

• Worn Terrace color palette (#F0DDC0, #A17100, #594100, #271900, #030100)
• Washed Market color palette (#E7F2D4, #719A28, #497500, #264300, #010200)
• Muted Lagoon color palette (#CDE5DF, #008F7A, #00554A, #00231B, #000202)
• Velvet Fern Veranda color palette (#DCE5D3, #416E00, #223300, #122023, #040A00)
• Quiet Pine color palette (#BFF0CB, #56C37A, #008F41, #00542C, #002008)
• Frosted Orchard color palette (#EDDDE2, #4666FF, #007634, #00110E, #020200)
• Ancient Jade Bloom color palette (#EAE8DA, #70AF6F, #009886, #574900, #041100)
• Softworn Pier color palette (#DBE1D5, #00896C, #004485, #004333, #050005)

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