Emerald Pier color palette — #EDF8F6 · #B3DFB0 · #57B0B9 · #699B65 · #223133

Moss and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Pistachio (#B3DFB0): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#57B0B9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Moss (#699B65): A luminous, balanced green — the color of fresh herbs.
• Deep Forest (#223133): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Lantern color palette (#EFF8F2, #DCD29F, #81A96E, #9C8D3D, #1D332F)
• Muted Teal color palette (#F5F6EE, #B4E7EE, #51C4B2, #6EAB71, #192116)
• Antique Aqua Thicket color palette (#F6F5ED, #D7E5B7, #3DCAED, #A0B662, #26312A)
• Wandering Drift color palette (#E4FBF5, #8DCEB8, #51A2A0, #5D6E94, #2D4E53)
• Weathered Olive Field color palette (#F0F7F5, #B7C898, #40889B, #5F7822, #1C313B)
• Mint Study color palette (#E3FBFB, #09DBA2, #00999F, #008D67, #00212A)
• Muted Cerulean Bloom color palette (#EAF8FE, #74D5E6, #5695CA, #0090A3, #162634)
• Dusty Teal color palette (#D4E3E8, #00A6AE, #006896, #005F63, #000409)

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