Olive Pier color palette — #E5E8C7 · #4C7600 · #00531A · #003222 · #000E0C

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E5E8C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#4C7600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#00531A): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#003222): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000E0C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns 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

• Aged Pine Ridge color palette (#D6ECCD, #008753, #00584B, #003132, #00080B)
• Aged Pier color palette (#EFDFC7, #7E6D00, #454C00, #1E3000, #001103)
• Powdered Station color palette (#E2EACE, #238F52, #7D006E, #004421, #10000D)
• Misty Cerulean Delta color palette (#DAE3C6, #49B4AB, #0090C6, #425800, #000D08)
• Weathered Loft color palette (#C4EADD, #008B8C, #006673, #00374F, #00172E)
• Misty Mulberry color palette (#CBE9DB, #00684C, #80007E, #710045, #000201)
• Softworn Magenta color palette (#FFE2E1, #C300CF, #008074, #021014, #000200)
• Lime Lagoon color palette (#E8F0CF, #80C861, #00A26C, #007B62, #004547)

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