Olive Pier color palette — #E1F5ED · #6C7100 · #004C6F · #4E0023 · #190400

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

The five colors

• Honeydew (#E1F5ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#6C7100): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004C6F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#4E0023): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#190400): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Hushed Onyx color palette (#DAE6DB, #8C6200, #005058, #470040, #1D0004)
• Fern Workshop color palette (#D3F2EB, #3D6500, #003274, #390004, #070300)
• Sunlit Nightshade color palette (#D6EFEA, #2E8000, #2129B5, #481300, #190400)
• Pine Coast color palette (#CBE8E8, #007C55, #00505A, #002C5D, #242000)
• Frosted Moss Corridor color palette (#E5E3C6, #699700, #0066AC, #7D0432, #410015)
• Shadow Forest color palette (#D3E6E6, #00663F, #373940, #001F1F, #000707)
• Patina Bloom color palette (#DFEFE8, #679B9B, #1B727F, #572D2D, #330D03)
• Softworn Emerald Coast color palette (#E4F6F5, #40A465, #515CAB, #6A2A17, #321121)

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