Olive Pier color palette — #F7E8F7 · #847E17 · #4F0013 · #251609 · #1A0003

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

The five colors

• Blush (#F7E8F7): A whisper-light, dusty pink — the color of neon signs at night.
• Olive Leaf (#847E17): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4F0013): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#251609): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1A0003): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Ancient Olive color palette (#E2DEF3, #6C8711, #420049, #301512, #150018)
• Tempered Corridor color palette (#FFE7EE, #967600, #1D3135, #392000, #110700)
• Garnet Garden color palette (#F3E2EF, #C08347, #7C1D15, #3A0101, #070006)
• Lowlit Chestnut color palette (#E1F4E2, #765A00, #292431, #1E1100, #040200)
• Weathered Archive color palette (#F4E9EE, #B0BDB2, #7C958A, #6A3400, #2A1922)
• Aged Amber color palette (#CFE4D8, #B0842E, #3D3600, #1A1600, #000909)
• Tempered Terrace color palette (#FCF2F5, #CFBF94, #785634, #4A303A, #2F201E)
• Feathered Navy Boulevard color palette (#D4EED7, #9F4B00, #404000, #181263, #211200)

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