Olive Pier color palette — #D4F1E1 · #3D7D2D · #004235 · #3B0040 · #021500

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

The five colors

• Honeydew (#D4F1E1): A whisper-light, dusty teal — the color of sea glass.
• Olive (#3D7D2D): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004235): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#3B0040): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#021500): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Onyx Orchard color palette (#DAEFD8, #6F7100, #00450D, #240D56, #101100)
• Muted Lagoon Orchard color palette (#DEF6ED, #3E8C60, #00504D, #4D1539, #002020)
• Powdered Garnet Pier color palette (#FFEAD8, #ABA462, #008960, #6E002D, #001C09)
• Faded Jade Terrace color palette (#D5F4E7, #49A868, #006961, #67245C, #0C371C)
• Patina Harbor color palette (#E0ECE1, #7B5800, #00546A, #3C2900, #001219)
• Shadow Bronze Archive color palette (#EFDDC6, #926600, #443000, #180D00, #030100)
• Quiet Pine Pier color palette (#E5FCEA, #96AD6A, #007D4E, #643E77, #124439)
• Linen Parlor color palette (#EEE8D2, #74A76C, #008462, #6E4372, #021500)

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