Olive Pier color palette — #E6E9D6 · #568100 · #005A29 · #00313F · #030F00

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

The five colors

• Parchment (#E6E9D6): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#568100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#005A29): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00313F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#030F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Olive Field color palette (#E1E0C7, #698200, #05520E, #002027, #010200)
• Muted Pine color palette (#F1F1DE, #00875A, #00574E, #002A59, #000F09)
• Bronze Summit color palette (#F0E1C3, #906B00, #504D00, #00342C, #100B00)
• Lowlit Onyx Harbor color palette (#FAE6D6, #635900, #003A23, #2B0034, #080E00)
• Aged Moss color palette (#F1F0D0, #A4AF00, #519A00, #00743B, #020E00)
• Gentle Delta color palette (#FFE6D0, #948C00, #007B56, #61287E, #070E00)
• Gentle Boulevard color palette (#E1EBBD, #49B41D, #008357, #005474, #00330D)
• Gentle Villa color palette (#DCECE5, #3F9389, #006A6E, #193A81, #1C1546)

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