Tempered Olive color palette — #CFF0DA · #7C7A1A · #544400 · #382300 · #121900

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

The five colors

• Honeydew (#CFF0DA): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#7C7A1A): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#544400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#382300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#121900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Atelier color palette (#FEE3ED, #976D28, #673800, #471600, #1D1500)
• Patina Courtyard color palette (#F3E7D0, #A6A442, #957A00, #7A5100, #1A1600)
• Olive Archive color palette (#F5EAC9, #788100, #345700, #002E15, #00181A)
• Antique Fern color palette (#DAF1E3, #868D59, #625600, #493300, #002B24)
• Midnight Chestnut color palette (#CDE6CE, #6A5814, #3C2700, #1D0B00, #040400)
• Aged Bronze color palette (#D6E3D8, #996E00, #004C26, #422D00, #000404)
• Soft Boulevard color palette (#F8D1E3, #BB802E, #8A4600, #6C1D00, #352600)
• Antique Navy Boulevard color palette (#D4EED3, #6F4800, #004A5F, #240C6D, #160B00)

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