Olive Pier color palette — #E9E8CB · #A36400 · #397600 · #004459 · #000201

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

The five colors

• Parchment (#E9E8CB): A whisper-light, dusty green — the color of new leaves after rain.
• Ochre (#A36400): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#397600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004459): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.

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

• Timeworn Fern Terrace color palette (#E0E2D3, #847B00, #2B6D00, #003F36, #000702)
• Hushed Atelier color palette (#E3F1D3, #7D7600, #006A55, #004569, #000202)
• Pale Rust color palette (#EDE4CF, #C93F00, #6A6600, #00443B, #000200)
• Quiet Olive Chapel color palette (#D6EDE6, #CD8100, #318D00, #006574, #000402)
• Lowlit Forest Pier color palette (#F3EDDC, #2D663F, #003F4B, #2F0918, #090002)
• Worn Emerald Pier color palette (#BCECE5, #B6B000, #00A22E, #00605A, #000200)
• Lowlit Garnet Meadow color palette (#D7E4CF, #005A4A, #720028, #00251D, #040001)
• Patina Navy Terrace color palette (#EEE3D9, #4C7F9F, #1E347A, #001F1E, #020008)

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