Emerald Pier color palette — #F3F7ED · #CBE0D8 · #97D0CB · #319C68 · #374700

Fern takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Silver (#CBE0D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#97D0CB): A luminous, dusty teal — the color of glacier melt.
• Fern (#319C68): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#374700): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Ancient Moss color palette (#F7F5EC, #D2DED1, #A9CAB7, #8A8C27, #4D3F00)
• Cypress Corridor color palette (#ECF0E9, #D0DBD1, #99C3AE, #1E8467, #2A3023)
• Muted Station color palette (#EDF8F8, #CFE1EE, #B2B3C5, #40A87D, #213A3B)
• Antique Lagoon color palette (#DBEED8, #009A94, #004D63, #162D13, #0F1406)
• Patina Cerulean Garden color palette (#EDF8F2, #E9D7EA, #B6B9E8, #0084A6, #20392D)
• Washed Ash Ridge color palette (#F0F7F4, #DFD4D1, #A6A89C, #72A2BF, #4C5551)
• Feathered Azure Atelier color palette (#C2FED9, #73D4D6, #5F94C9, #906247, #633F29)
• Linen Chapel color palette (#FFF2EC, #00C77B, #008CA4, #9D2B3A, #003F36)

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