Muted Pier color palette — #F0F5FF · #DCD8E2 · #B7AFA6 · #5E8DD9 · #2A3554

Lavender Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Silver (#DCD8E2): a clean, paper-quiet neutral.
• Ash (#B7AFA6): soft and architectural.
• Lavender Blue (#5E8DD9): A luminous, balanced blue — the color of deep harbor water.
• Navy (#2A3554): A deep, shadowed, dusty violet — the color of wild irises.

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

• Dusty Lilac color palette (#F5F3FF, #E1D6DF, #ADAFA3, #A378C3, #382E4D)
• Aged Turquoise color palette (#EBF7FF, #D7D9E4, #BCA9A8, #1CA7BD, #103F54)
• Washed Workshop color palette (#FFEAFE, #DAD2FF, #DAA2C0, #437A91, #311A28)
• Patina Petrol color palette (#FFF0FA, #D1CDFF, #BAA0D7, #4B6696, #523648)
• Pale Olive Drift color palette (#EFF6FF, #6391DD, #388024, #00564D, #000D18)
• Antique Pewter Meadow color palette (#F4F4FF, #FFBDB4, #775091, #361748, #03020D)
• Dusty Peony color palette (#FBF1FF, #E8DDD7, #FFB5A1, #C85D93, #481822)
• Worn Chestnut color palette (#FFF0F8, #E3BACB, #B87954, #84432B, #351622)

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