Cobalt Pier color palette — #E4E7EF · #C3BDCB · #C39EBE · #7077C7 · #1A1F2A

Periwinkle takes the lead with Mauve close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#E4E7EF): a clean, paper-quiet neutral.
• Stone (#C3BDCB): A luminous, dusty violet — the color of wild irises.
• Mauve (#C39EBE): A luminous, dusty pink — the color of neon signs at night.
• Periwinkle (#7077C7): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#1A1F2A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cobalt 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 Violet Loft color palette (#EBECF6, #B7ABBC, #AA8FAC, #7F59BB, #111221)
• Dusty Workshop color palette (#E0E9EF, #BABFD4, #A2A5C3, #008CB8, #0E222E)
• Weathered Meadow color palette (#DADFE7, #B1B2C0, #91899C, #273F7F, #050B14)
• Muted Wisteria Coast color palette (#F4F4FF, #E8D3EA, #E9B2BE, #B779DF, #313047)
• Chalky Orchard color palette (#F5E3FD, #C88AC4, #B8688F, #8B4B1E, #392200)
• Soft Magenta Workshop color palette (#D9DCF5, #AFB7FF, #BA97FF, #C758E0, #20033A)
• Airy Plum Study color palette (#DEDEF1, #B163F1, #CB186D, #7E3C00, #04053F)
• Feathered Canyon color palette (#FCEAF7, #AB74FF, #AE34C4, #9D1B00, #1E0C2C)

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