Olive Pier color palette — #EAF5EB · #A5A464 · #4B712E · #3E4461 · #012316

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EAF5EB): a clean, paper-quiet neutral.
• Sage (#A5A464): A luminous, balanced green — the color of fresh herbs.
• Olive (#4B712E): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#3E4461): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#012316): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Jade Lantern color palette (#E3F7F1, #68B385, #007568, #4C405D, #002221)
• Weathered Pine Atelier color palette (#FFF3E6, #9E9E6F, #3F703C, #613F51, #37352F)
• Timeworn Forest color palette (#CDE9DA, #789A59, #00663D, #572636, #001712)
• Aged Driftwood color palette (#FDF4E4, #B8B97F, #728A4E, #7E5663, #37352F)
• Olive Canyon color palette (#DBE8DF, #6F8312, #005316, #2F2145, #000B07)
• Muted Cerulean Lagoon color palette (#E8F5F2, #9BCED0, #598C97, #665D6F, #243535)
• Cerulean Parlor color palette (#FAEEF7, #9FD0E3, #0088B0, #005E47, #04223C)
• Muted Thicket color palette (#FFEBFA, #FFC799, #ACB278, #9A5D70, #2E1825)

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