Emerald Pier color palette — #F9F3FA · #D1D5E6 · #73C9E2 · #5A9257 · #26425C

A conversation between Fern and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Silver (#D1D5E6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#73C9E2): A luminous, balanced blue — the color of deep harbor water.
• Fern (#5A9257): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#26425C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Antique Archive color palette (#FAF3F6, #D8D4DF, #9EB9FA, #009590, #383C5C)
• Pine Thicket color palette (#FBF2F9, #D4D4E2, #50B1E7, #008356, #192C57)
• Weathered Aqua color palette (#F8F5EF, #C2EBDD, #50D2E0, #62A98B, #30503F)
• Gentle Amber Boulevard color palette (#EAFBEB, #F3CE91, #7DC1FF, #B37F00, #163B5A)
• Aged Cerulean Ridge color palette (#EDF4EE, #B5E6F2, #389DA8, #376A55, #0C3041)
• Timeworn Stone Coast color palette (#EDF9ED, #BFDFF3, #E49D9A, #929FBB, #375140)
• Wandering Chestnut Chapel color palette (#ECFAEB, #C5E6D3, #BA976E, #935949, #1B3831)
• Aged Station color palette (#F3EBF3, #7CC5CA, #007196, #004120, #00020C)

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