Muted Pier color palette — #FFF0FB · #E4DAE3 · #C1B9B0 · #86A9C9 · #5B4451

Blue Fog and Charcoal Brown set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Silver (#E4DAE3): a clean, paper-quiet neutral.
• Stone (#C1B9B0): soft and architectural.
• Blue Fog (#86A9C9): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5B4451): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged pastel, 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

• Softworn Lilac color palette (#FDF0FF, #E9D9D8, #C7BBA3, #9F83CA, #533133)
• Patina Workshop color palette (#E0FEEC, #DFD9E4, #B5A6A8, #8BAC8C, #30463E)
• Timeworn Lagoon color palette (#F0F5FF, #DDD7E5, #CBB1E8, #5876AD, #464F6B)
• Timeworn Boulevard color palette (#F5F4FF, #E9D7DF, #FFBADF, #6A87EA, #3A2649)
• Timeworn Rose Pier color palette (#F9EAFF, #E198CD, #CD606F, #423777, #030003)
• Tempered Field color palette (#FFF2E9, #FBD5B0, #BF9378, #8A5E54, #35312B)
• Soft Corridor color palette (#ECECFF, #D6B4FF, #D979BA, #1F518F, #080018)
• Worn Balcony color palette (#FFEAD5, #CBF8F4, #E2D5FF, #48323B, #23181D)

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