Magenta Coast color palette — #F2D8FF · #CA5AFF · #8A00BB · #42005A · #0D0016

A conversation between Pink Orchid and Plum, giving this palette its sense of creativity and energy.

The five colors

• Thistle (#F2D8FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Pink Orchid (#CA5AFF): A luminous, vivid violet — the color of a velvet chair.
• Plum (#8A00BB): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#42005A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0D0016): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy. Tagged monochrome, vibrant.

Use it as a design system

One click turns Magenta Coast 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

• Timeworn Grove color palette (#E5DFFF, #A981FF, #7224D8, #3B006A, #0C001D)
• Quiet Loft color palette (#F6E4FF, #C864DB, #8700AC, #49005E, #28003D)
• Pale Atelier color palette (#FFE0FB, #E950E0, #A30099, #51004A, #150011)
• Linen Harbor color palette (#FDF0FF, #F1B1FF, #B640DD, #670081, #0B0012)
• Byzantium Pier color palette (#F5DDFF, #E084FA, #AC3BCA, #6B0085, #2E003C)
• Weathered Parlor color palette (#FFECF4, #FF77B9, #B93488, #650048, #210013)
• Blush Boulevard color palette (#F7EEFF, #FFB5F3, #FF78A1, #5E4BA8, #2B0D33)
• Hushed Lapis Thicket color palette (#DAE6FF, #7C95FF, #3B3EE8, #17007E, #03002E)

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