Olive Pier color palette — #DDE7CB · #4D8200 · #00531F · #00170D · #000201

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

The five colors

• Celadon Mist (#DDE7CB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#4D8200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#00531F): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00170D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Depth, Luxury. Tagged dark, muted.

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

• Softworn Olive Summit color palette (#E8F2D5, #417300, #004014, #001E0F, #000A06)
• Shadow Pine Ridge color palette (#D7E3DA, #008363, #004A41, #001E1E, #000102)
• Washed Bronze color palette (#F4E7D6, #8C6A00, #4E4600, #161800, #010100)
• Chalky Workshop color palette (#D8F5F4, #208E55, #7E0067, #00351A, #040002)
• Fern Thicket color palette (#C6EBEA, #7ACAC1, #0098B9, #255B00, #000201)
• Airy Nightshade color palette (#D0E9E9, #006543, #4200BD, #571C00, #000201)
• Weathered Teal Hollow color palette (#DEF3EA, #00B499, #007070, #00373C, #000D12)
• Violet Study color palette (#FCD8C6, #964FFF, #00847F, #060C0F, #000102)

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