Muted Pier color palette — #FFF1F4 · #F1D6DF · #DF9FD5 · #966E8B · #604241

A conversation between Carnation and Driftwood, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#F1D6DF): A whisper-light, dusty rose — the color of a warm blush.
• Carnation (#DF9FD5): A luminous, balanced pink — the color of neon signs at night.
• Driftwood (#966E8B): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#604241): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Worn Grove color palette (#FFF0FC, #E1D7ED, #A4A4EA, #76709C, #614250)
• Stone Station color palette (#FFF2EF, #EFD4CB, #F6A09F, #A4706B, #6F3410)
• Dusty Dune color palette (#F0F0FF, #CDA9D5, #A86D9E, #833E68, #3C2A45)
• Ash Chapel color palette (#FFF1F2, #FFD1D7, #96D4FF, #BE85AD, #2D4E43)
• Hushed Rose Parlor color palette (#FFF1F5, #FFA3B3, #D55A67, #893B3A, #53261E)
• Washed Terrace color palette (#FFF1F0, #FFC3BA, #E27E61, #A26349, #3F3934)
• Mallow Terrace color palette (#FFF1F0, #FFB0D3, #E7AC81, #9D9DCA, #463332)
• Peony Delta color palette (#FFF0F9, #FFB6DA, #F14599, #A3325C, #631C2E)

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