Emerald Pier color palette — #CAE7D9 · #A7B673 · #579740 · #5A4900 · #00130C

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

The five colors

• Celadon Mist (#CAE7D9): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A7B673): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#579740): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#5A4900): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#00130C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

Use it as a design system

One click turns Emerald 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

• Aged Jade Grove color palette (#D5F2EC, #89BE97, #00A883, #395400, #001311)
• Powdered Moss color palette (#DDEEDD, #C3AB6F, #9B9100, #754100, #130A00)
• Weathered Jade Archive color palette (#D9E3CB, #71B462, #008852, #393C00, #020700)
• Aged Lime Garden color palette (#EEDDBA, #9FC66F, #009780, #753500, #281E00)
• Wandering Clover color palette (#E2E3AF, #B5CA52, #79BC59, #7A6600, #2C2401)
• Powdered Jade color palette (#CBFEF6, #A2ECB7, #00C095, #526B00, #002707)
• Antique Bronze Grove color palette (#DDECE1, #827200, #534100, #2F1F00, #000704)
• Weathered Spruce color palette (#DBF4F4, #4F9884, #007874, #003E0D, #000201)

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