Olive Pier color palette — #E7E4C5 · #7F7A00 · #324C00 · #002022 · #010100

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

The five colors

• Celadon Mist (#E7E4C5): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7F7A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#324C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#002022): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#010100): a grounded near-black with real depth.

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

• Tempered Olive color palette (#DCECE5, #368C00, #005033, #001F2D, #000200)
• Dusty Bronze Boulevard color palette (#D2E8D6, #AA6200, #563F00, #002210, #020100)
• Dusty Lagoon color palette (#CFE7E3, #59A070, #005C3F, #302C00, #000200)
• Charred Onyx Delta color palette (#F7EEDF, #665300, #1A3700, #000548, #020200)
• Hushed Study color palette (#E5F4D6, #7CA67D, #00714E, #003142, #001020)
• Worn Olive Loft color palette (#FBF9C1, #A3B700, #2D8900, #00505B, #121C00)
• Muted Grove color palette (#F8E0C5, #AD8000, #26861C, #4B2584, #0D0C00)
• Ancient Courtyard color palette (#E3F2EF, #58C9D7, #007487, #003E3C, #000305)

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