Tempered Olive Pier color palette — #DEF6E7 · #707429 · #514400 · #322000 · #000503

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

The five colors

• Honeydew (#DEF6E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#707429): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#514400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#322000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Olive Pier 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

• Ancient Dune color palette (#D8EDDF, #858200, #645100, #432B00, #080D00)
• Washed Bronze color palette (#F6D8E2, #906600, #643900, #3F1600, #050300)
• Obsidian Grape Pier color palette (#DAE1F5, #5717C9, #603C00, #183100, #02000C)
• Worn Moss Canyon color palette (#BDEBD3, #9BB03F, #847A00, #694E00, #173100)
• Inked Aubergine Villa color palette (#E1E8FA, #936E00, #260779, #1C0C1A, #050020)
• Rust Summit color palette (#EADBE2, #C79260, #B35100, #7C3327, #0C2B12)
• Antique Amber color palette (#EDF9EF, #C8BE92, #AF883B, #885F36, #2C433A)
• Airy Mulberry Lantern color palette (#E8E1EF, #9F489D, #7C005A, #3F0017, #0F0001)

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