Muted Pier color palette — #EBF9F1 · #FCC3D2 · #4DA2BB · #366B7C · #18251E

Cyan and Shell Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Shell Pink (#FCC3D2): A whisper-light, dusty red — the color of late-summer berries.
• Cyan (#4DA2BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#366B7C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#18251E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Cypress Market color palette (#F2F7ED, #FEC6B6, #63A48C, #23735A, #1E2418)
• Periwinkle Boulevard color palette (#FAF2FA, #F5CDA8, #7197CA, #406494, #291C2A)
• Softworn Petrol Corridor color palette (#EBF8FC, #D6C298, #1F8087, #004C51, #0C252D)
• Powdered Harbor color palette (#CAEEE2, #FFA19B, #0086CB, #00537F, #00111F)
• Dusty Turquoise color palette (#F0F7F4, #DDD5D2, #73B5D5, #A5A99C, #3F4B45)
• Cobalt Terrace color palette (#E9D8E6, #D4B55E, #5675C3, #2F4580, #150413)
• Pale Market color palette (#FCF5DD, #74DAE1, #959FDF, #84882F, #244537)
• Wandering Coral Orchard color palette (#CEE5DB, #E06C7D, #006183, #002D3F, #000201)

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