Muted Pier color palette — #FAF2F8 · #AEC2FF · #DD6360 · #667BC5 · #301F19

A conversation between Coral Clay and Periwinkle, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sky (#AEC2FF): A whisper-light, balanced violet — the color of a velvet chair.
• Coral Clay (#DD6360): A luminous, balanced orange — the color of autumn markets.
• Periwinkle (#667BC5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#301F19): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Balance. Tagged duotone.

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

• Gentle Amber Harbor color palette (#FAF3F5, #D2B4FA, #D96C28, #8F6DB9, #2D2119)
• Washed Drift color palette (#F1F5FF, #E6D4ED, #D67F9E, #847ECE, #180D1D)
• Wandering Atelier color palette (#EFF6FF, #C1D5FF, #F18F80, #769FF6, #2D1F2A)
• Dusty Wisteria Garden color palette (#EEF8F3, #7AD1F5, #BC6CC1, #008DB4, #2E1F22)
• Muted Bronze Harbor color palette (#FFF0F9, #898DD8, #B16700, #0F6C4C, #34232E)
• Dusty Lilac Quarry color palette (#F3F5FD, #B79DF4, #965683, #665291, #26212E)
• Muted Thicket color palette (#F9F7DD, #B6A3EF, #C1618D, #1E7262, #50343B)
• Patina Amethyst Lantern color palette (#FFECF4, #B594FF, #CA4400, #800EF0, #210A00)

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