Olive Pier color palette — #FCF4E4 · #BBB878 · #7D891C · #6E6338 · #38352F

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

The five colors

• Cream (#FCF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#BBB878): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#7D891C): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#6E6338): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#38352F): quiet, heavy and certain.

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

• Patina Moss Orchard color palette (#FAF5E5, #B3C56A, #679800, #457749, #373F14)
• Weathered Loft color palette (#FEF3E8, #D5D3A3, #6D9761, #7C5C3B, #2F270E)
• Muted Taupe Villa color palette (#FFF3E5, #A39E59, #526C3A, #4F4A44, #38352E)
• Weathered Taupe Pier color palette (#EBFAED, #A9D6BF, #95AA66, #958156, #1F3C2F)
• Hushed Olive color palette (#E8E5D3, #8FB26C, #408430, #1B6441, #2D2A03)
• Worn Fern color palette (#F3EBD5, #8E9A56, #4D6C00, #4B4700, #201A00)
• Wandering Lagoon color palette (#F4F7EC, #CAD7B2, #6BAA95, #79853F, #425510)
• Quiet Emerald Bloom color palette (#D4E6D2, #57C37C, #00A262, #006F4F, #004334)

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