Tempered Olive color palette — #DAF4E6 · #687637 · #4C4700 · #2F2200 · #010500

A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DAF4E6): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#687637): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4C4700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#2F2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Timeworn Cocoa color palette (#EEDDE3, #866A32, #633A00, #3E1700, #050300)
• Olive Chapel color palette (#CAE8D7, #7A843A, #5E5300, #402D00, #050E00)
• Washed Bloom color palette (#DAEDED, #008A5F, #004C67, #00432D, #000204)
• Nocturne Aubergine Lantern color palette (#D4F4F5, #005D4C, #480071, #370002, #020200)
• Antique Lagoon color palette (#C5EDE2, #008589, #00525F, #00263A, #00030E)
• Bronze Thicket color palette (#FCE1EC, #B89872, #A95A08, #7E3218, #092C16)
• Washed Sapphire color palette (#FBDEE2, #4267FF, #1C8612, #00100B, #000202)
• Tempered Driftwood color palette (#E8FBED, #9DCAB3, #A38D52, #836238, #22453A)

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