Olive Pier color palette — #EFE7DE · #938D7C · #6A712A · #3D2300 · #020100

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

The five colors

• Parchment (#EFE7DE): a clean, paper-quiet neutral.
• Gray (#938D7C): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#6A712A): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#3D2300): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, 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

• Spruce Courtyard color palette (#E4E4DC, #98A491, #6C8273, #1A4100, #050500)
• Hushed Basalt Lagoon color palette (#D9E3D9, #ADC0B4, #7E998F, #513600, #000200)
• Weathered Orchard color palette (#ECE9E2, #CCCCC0, #9EA795, #675300, #1B1508)
• Scarlet Meadow color palette (#F1E8D9, #CE331F, #7E5F00, #004635, #010100)
• Chestnut Summit color palette (#FFE1D6, #725B1D, #004632, #290B25, #0A0008)
• Smoked Forest Market color palette (#F0EDD8, #096943, #003131, #2B001A, #000201)
• Tempered Olive color palette (#F3F2EB, #D1DBD4, #ADC3BD, #6A7D45, #2E2D22)
• Nocturne Cocoa color palette (#F3E0CF, #6C3500, #152900, #0F0028, #020100)

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