Olive Pier color palette — #E9EBD2 · #4A7D00 · #00542E · #002E28 · #000B0E

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

The five colors

• Parchment (#E9EBD2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#4A7D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#00542E): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Forest (#002E28): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000B0E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Cypress color palette (#DBF1D7, #008464, #005049, #002F36, #000E18)
• Washed Drift color palette (#FAEDDA, #806C00, #374D00, #00290F, #000F0B)
• Emerald Cabin color palette (#E7F1DC, #229A16, #005D3A, #003627, #00221F)
• Powdered Mulberry Coast color palette (#CDEDF1, #007D69, #92008D, #004035, #130012)
• Worn Cornflower color palette (#CFEFEC, #6DBFC9, #3C90F2, #584E00, #001110)
• Misty Mulberry color palette (#C6EDE7, #1E6A00, #8F003B, #74010C, #000500)
• Pine Lantern color palette (#BFEEDE, #7AB675, #008962, #006061, #003644)
• Hushed Orchard color palette (#F0DED4, #DD3F00, #008667, #010F10, #000102)

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