Tempered Olive color palette — #CDF0E0 · #7E7F00 · #244C2A · #002418 · #000300

Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Honeydew (#CDF0E0): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#7E7F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#244C2A): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#002418): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Emerald Quarry color palette (#D1E7E4, #1B9219, #004E42, #002320, #000201)
• Dusty Summit color palette (#E4E0D1, #616600, #2E3A3C, #1B2A00, #0D0900)
• Washed Meadow color palette (#F6D9E4, #AF6500, #4C420A, #2E131F, #040103)
• Emerald Station color palette (#CAE8E4, #16AF29, #00685B, #1E3D1D, #000A06)
• Antique Lime color palette (#D5EAE3, #9BB847, #557777, #384F48, #121B15)
• Softworn Lagoon Atelier color palette (#CAEAF1, #00A198, #275B6D, #16353B, #000606)
• Linen Station color palette (#EEEDCE, #91A900, #3B9000, #00683F, #002823)
• Teal Harbor color palette (#DCEEF1, #00BB9F, #2E727F, #23484D, #001614)

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