Muted Pier color palette — #F1F6FC · #DBD9E1 · #C5BBCC · #5875A2 · #404853

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F6FC): a clean, paper-quiet neutral.
• Silver (#DBD9E1): bright and airy, almost weightless.
• Stone (#C5BBCC): A luminous, dusty violet — the color of wild irises.
• Slate (#5875A2): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#404853): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Weathered Powder color palette (#F0F5FF, #B5B5D9, #897F96, #526E5B, #33514B)
• Byzantium Workshop color palette (#F4F4FF, #E4D4E1, #C3B7CB, #874DA2, #3F3D52)
• Lilac Delta color palette (#F0F5FF, #C3E5FF, #B3B6FF, #A878B7, #323852)
• Pewter Bloom color palette (#EDF9F2, #A9B68B, #607C58, #465C6F, #2F4940)
• Softworn Market color palette (#DDE4F9, #6D63B8, #312F44, #1B1E2B, #0C0B14)
• Antique Orchard color palette (#E2E7F0, #A3A8BE, #7D7C94, #1E2A80, #0B1423)
• Hushed Garnet color palette (#E6DFEC, #BFB5C1, #9C8698, #702251, #231C29)
• Aged Pewter color palette (#E9FBEC, #7E96CF, #765C92, #694600, #323C57)

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