Olive Pier color palette — #E8F5F0 · #778536 · #2D4141 · #1D2C27 · #101715

A conversation between Olive Leaf and Charcoal, giving this palette its sense of nature and growth.

The five colors

• Cream (#E8F5F0): a clean, paper-quiet neutral.
• Olive Leaf (#778536): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#2D4141): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1D2C27): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#101715): quiet, heavy and certain.

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

• Timeworn Basalt Lagoon color palette (#F0EEDE, #7C8A53, #3A4000, #221F0B, #0E0C07)
• Timeworn Taupe color palette (#E6F6F0, #94A461, #465D5B, #283D36, #1C241F)
• Aged Mustard Basin color palette (#F5F2E4, #B3BF6F, #6D8645, #635400, #24211D)
• Charred Olive Thicket color palette (#C7EDE7, #257D00, #00332F, #001D1A, #000909)
• Lowlit Abyss Meadow color palette (#C1EBF8, #59535B, #004243, #221E25, #000914)
• Washed Summit color palette (#DFFCFB, #60AA82, #B17395, #9B5C5F, #284949)
• Lagoon Pier color palette (#EEF7F5, #A2C9CC, #528C92, #6D6073, #375355)
• Wandering Lagoon color palette (#E6FAF7, #94BC92, #BC85A1, #518050, #554662)

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