Olive Pier color palette — #E9E3C3 · #5F7E00 · #00581F · #002F23 · #000F0E

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

The five colors

• Parchment (#E9E3C3): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#5F7E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#00581F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#002F23): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000F0E): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Bronze Canyon color palette (#FAE0C9, #836400, #464D00, #122D00, #00110A)
• Emerald Terrace color palette (#DCE9D2, #4D9121, #00721C, #004E25, #001107)
• Worn Pine color palette (#D2EAD5, #00855F, #005953, #002733, #000A18)
• Antique Canyon color palette (#C5EFF0, #007C57, #8700A7, #00432D, #0E0014)
• Ember Field color palette (#F7DEE9, #DB5600, #006F37, #01110E, #000202)
• Antique Olive Coast color palette (#F0E7DB, #7B7100, #5E3D00, #421200, #020400)
• Hazy Teal color palette (#D9EADA, #00B4A4, #4084BC, #5F5300, #00100C)
• Clover Atelier color palette (#E3EBD5, #0DB731, #008B68, #006260, #003846)

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