Muted Emerald Pier color palette — #FAEBE6 · #A1E0E6 · #32B2E8 · #009758 · #102B5B

A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAEBE6): bright and airy, almost weightless.
• Ice Blue (#A1E0E6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#32B2E8): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#009758): A full-bodied, balanced teal — the color of sea glass.
• Navy (#102B5B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Muted 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

• Periwinkle Dune color palette (#F9ECE3, #AEE0CA, #74A5F3, #009284, #2D235A)
• Soft Quarry color palette (#DCEFDC, #1EC29B, #00A09F, #006E8D, #002F4C)
• Patina Cerulean Quarry color palette (#E9F1EB, #94D1D5, #0096B0, #006E5C, #003346)
• Tempered Teal color palette (#FBF3EE, #C6E6E8, #A5BDEE, #00AFA6, #494167)
• Hushed Coral color palette (#DFF1E6, #00B0D4, #EC625F, #BC6000, #00242D)
• Chalky Jade color palette (#DEFFE2, #B1E5EC, #D4B6FF, #00AF74, #053929)
• Hushed Lantern color palette (#F0E6DB, #8CB5D8, #667AD9, #006C6E, #1D0038)
• Aqua Harbor color palette (#BCF3FF, #44D2ED, #00A6C8, #00728F, #00161E)

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