Muted Pier color palette — #F7EFF2 · #D7DBEC · #8A9BCA · #2A7977 · #30334F

Teal takes the lead with Blue Fog close behind in a set that reads as creativity and calm at first glance.

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#8A9BCA): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#2A7977): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#30334F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Tempered Workshop color palette (#F1F7F2, #D9DDEE, #7A9BCC, #36798B, #495365)
• Worn Blush color palette (#E5F5FA, #78C2C1, #CC839B, #008282, #3C2844)
• Lagoon Veranda color palette (#EBDFEC, #3F8586, #004255, #002108, #000105)
• Soft Petrol Lantern color palette (#EEE6EC, #84BECD, #0070B2, #004D3A, #0B0B41)
• Patina Cerulean Delta color palette (#F7EFF6, #98DDE6, #038EC2, #00663E, #092152)
• Wandering Ultramarine color palette (#EADAE0, #7CA1BE, #2D50AC, #003A37, #0F0029)
• Washed Parlor color palette (#DDF7FF, #9DDAE2, #309496, #005557, #002024)
• Plum Thicket color palette (#E2F5FF, #67A8B7, #BB7494, #A85B7F, #152A34)

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