Magenta Coast color palette — #F8E1FE · #F316D5 · #B30079 · #7B003D · #511A00

Orchid and Magenta Rose set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F8E1FE): A whisper-light, dusty pink — the color of neon signs at night.
• Orchid (#F316D5): A luminous, vivid pink — the color of peonies in June.
• Magenta Rose (#B30079): A full-bodied, vivid rose — the color of a warm blush.
• Mulberry (#7B003D): A deep, shadowed, balanced red — the color of late-summer berries.
• Espresso (#511A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.

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

• Frosted Courtyard color palette (#F5ECFF, #CB43D8, #A8007C, #6B002D, #360006)
• Bright Lagoon color palette (#F3DFF0, #FC7BDA, #FB2CB7, #CD0081, #64002F)
• Raspberry Garden color palette (#E9DBF2, #E864E7, #CA009B, #A40043, #60000B)
• Peony Drift color palette (#F7DBE8, #FF2D86, #B7003A, #841200, #591F00)
• Tempered Market color palette (#FFD8E7, #EA0091, #008464, #8E0056, #003728)
• Rose Market color palette (#FFE3E6, #FF3D79, #A7004B, #5B0025, #3B0017)
• Airy Plum color palette (#FFE8EE, #CC006C, #5C6D00, #005884, #460422)
• Byzantium Corridor color palette (#E3E2F2, #B26CFF, #9C00C8, #6E006B, #590D47)

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