Olive Pier color palette — #F6EDDD · #786D02 · #393B00 · #460013 · #131000

Built around Olive, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Cream (#F6EDDD): A whisper-light, dusty gold — the color of old brass.
• Olive (#786D02): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#393B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Espresso (#460013): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#131000): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Patina Olive Boulevard color palette (#E7E0D2, #837D22, #434900, #492200, #1E1C00)
• Antique Pine color palette (#E1E4CC, #3A7B4B, #004329, #351B00, #001505)
• Dusty Olive color palette (#FAEAD7, #766800, #2B3D00, #1A183F, #040300)
• Tempered Alley color palette (#F8E7DD, #DD814A, #AF6F00, #79010A, #2B1200)
• Muted Balcony color palette (#FCE0D4, #7F3000, #434400, #570047, #130300)
• Feathered Moss Alley color palette (#F4EBD1, #91993A, #4D6400, #6E2A26, #2E3102)
• Dusty Bronze color palette (#CFE6CE, #948400, #415D00, #313065, #00140A)
• Antique Lagoon Parlor color palette (#E4E6D8, #4C9F71, #00644A, #55360D, #252C11)

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