Emerald Pier color palette — #F6ECE9 · #9FE0E5 · #01B3EC · #009753 · #132D54

Built around Kelly Green, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Cream (#F6ECE9): a clean, paper-quiet neutral.
• Ice Blue (#9FE0E5): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#01B3EC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#009753): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#132D54): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Airy Periwinkle Courtyard color palette (#F9ECE3, #B5DECB, #66A5FE, #009282, #2B245A)
• Dusty Cerulean color palette (#E8F1EA, #9FCDDC, #0096AF, #006E5B, #003346)
• Wandering Chapel color palette (#DAEBD8, #3CC496, #009B9E, #007892, #002F55)
• Chalky Market color palette (#E2F9E3, #C1E1FF, #DCB9FD, #2FB074, #043C51)
• Washed Coast color palette (#FBF3ED, #C6E6E7, #9BBEFC, #23AEA1, #5F3A4E)
• Frosted Aqua color palette (#C1F2FF, #4AD0F2, #00A3C0, #007080, #001D25)
• Worn Blush color palette (#D1E3D6, #24C3DC, #F3717E, #0092A6, #510316)
• Petrol Boulevard color palette (#EFE6EE, #77C2C5, #007699, #004F23, #021531)

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