Olive Pier color palette — #E4F4E6 · #797F00 · #195200 · #3F1B33 · #000B06

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

The five colors

• Honeydew (#E4F4E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#797F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#195200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#3F1B33): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#000B06): A deep, shadowed, dusty teal — the color of sea glass.

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

• Muted Pine Veranda color palette (#CCE6DB, #438B47, #00503E, #441B20, #000B01)
• Softworn Forest Basin color palette (#F1E4D3, #758136, #005326, #38234B, #191D00)
• Wandering Moss Boulevard color palette (#F0F2D0, #7B8E00, #404800, #1B1D00, #010100)
• Bronze Drift color palette (#F9DECC, #9D6900, #564500, #232A00, #020D00)
• Faded Moss color palette (#FFF4DC, #ABA800, #5A6800, #563211, #0B0700)
• Nightshade Studio color palette (#D5EEE0, #776D00, #4941BA, #3D3700, #060026)
• Dusty Taupe color palette (#E2F8EB, #8EAC6B, #35734E, #304E3E, #00221C)
• Emerald Ridge color palette (#CEEDE1, #40AE55, #006B56, #66252C, #001D05)

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