Tempered Olive color palette — #DFF0DF · #7E7800 · #2E5000 · #3F1D38 · #070600

Olive Leaf takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFF0DF): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7E7800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2E5000): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#3F1D38): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#070600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Timeworn Hollow color palette (#F7E8D2, #857C2D, #354200, #3A000F, #010100)
• Dusty Pine Field color palette (#DBF3EC, #008B4C, #005146, #411C38, #000802)
• Lowlit Thicket color palette (#D7E2D6, #5F6123, #003608, #1D0A34, #060600)
• Muted Bronze Market color palette (#F2D9CB, #975F00, #5E4800, #252300, #040A00)
• Grape Loft color palette (#F6EFDD, #816500, #5434C5, #463600, #06001F)
• Dusty Nightshade color palette (#EEE4C1, #695600, #2031C3, #47247D, #020200)
• Aubergine Bloom color palette (#F9EFE0, #82914A, #00763C, #5C2D80, #050700)
• Lagoon Workshop color palette (#CEEAE6, #009A7B, #005F62, #5A2712, #00140E)

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