Muted Pier color palette — #E6ECF5 · #9DBBFF · #C66DC8 · #4E7DFF · #100722

Periwinkle and Bubblegum set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#E6ECF5): a clean, paper-quiet neutral.
• Sky (#9DBBFF): A luminous, balanced violet — the color of a velvet chair.
• Bubblegum (#C66DC8): A luminous, vivid pink — the color of neon signs at night.
• Periwinkle (#4E7DFF): A luminous, vivid violet — the color of twilight just after sunset.
• Ink (#100722): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged duotone, vibrant.

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

• Muted Study color palette (#F1F5FE, #BCC6FF, #E07FA3, #7D87FF, #1E1324)
• Airy Veranda color palette (#E0EDF7, #61C9FF, #A277F4, #0093CA, #090826)
• Amethyst Corridor color palette (#E6EAF9, #A699FF, #C94D99, #7945FF, #0B0005)
• Gentle Ridge color palette (#E8EAF8, #C4ADF8, #F65267, #9D59FF, #19031A)
• Sunlit Ember color palette (#E0EBFF, #8395FB, #CF6115, #567400, #00181F)
• Iris Drift color palette (#ECEEF5, #D7D0DA, #C9B2C8, #8D81E7, #282D3E)
• Peony Studio color palette (#CDE6D2, #AE9BED, #B866AA, #716800, #2F1740)
• Gentle Quarry color palette (#E4E6F4, #BDA0EE, #BA6AD7, #A90095, #4B0029)

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