Emerald Pier color palette — #E8FAF1 · #A8DDCE · #629A5F · #696634 · #082F26

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

The five colors

• Ivory (#E8FAF1): A whisper-light, dusty teal — the color of sea glass.
• Mint (#A8DDCE): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#629A5F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#696634): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#082F26): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Pale Emerald color palette (#E6FBF2, #C7E3B1, #4BA864, #037C6F, #223512)
• Dusty Teal Basin color palette (#ECF8F5, #B8E7F6, #70AD92, #6C7D56, #1E3F3C)
• Muted Abyss color palette (#D9EAE0, #728246, #154800, #002218, #010100)
• Powdered Forest color palette (#DAFEFA, #7AD9B8, #009188, #066B2C, #00251A)
• Worn Teal Ridge color palette (#DEFFE5, #7CDBB9, #00AB94, #006964, #003A3E)
• Worn Lagoon color palette (#D1E6E2, #5A9F78, #005B4C, #103500, #000201)
• Muted Boulevard color palette (#FBF0DF, #94A96F, #347352, #4A463F, #201D05)
• Hushed Lantern color palette (#E3FCF2, #8CAD7D, #00733D, #3A4000, #020A00)

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