Magenta Coast color palette — #F5F4FF · #D45EF9 · #C14665 · #7F4400 · #1E266C

Built around Pink Orchid, softened by Magenta Rose — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Pink Orchid (#D45EF9): A luminous, vivid pink — the color of a candy shop window.
• Magenta Rose (#C14665): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#7F4400): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#1E266C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Optimism, Creativity, Energy, Balance. Tagged 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

• Peony Lagoon color palette (#F7F3FF, #F24ECB, #CA422E, #6E5000, #38205D)
• Quiet Studio color palette (#F5EEFF, #E05BB9, #B34E37, #1E5283, #341E4E)
• Pale Courtyard color palette (#E6DDF1, #D345A7, #AB3427, #5A3C00, #1E1546)
• Linen Market color palette (#F4F4FF, #9D5EBE, #953800, #254B00, #003647)
• Orchid Orchard color palette (#F0F5FF, #7E90FF, #AF41B2, #9A1D2F, #00354C)
• Linen Iris Harbor color palette (#F1F5FF, #9189FF, #AF4C99, #006360, #003354)
• Blush Harbor color palette (#FBF1FE, #F37699, #AB7049, #665F22, #442D4F)
• Weathered Magenta Delta color palette (#ECE6FF, #D326D3, #5F3550, #282336, #11101B)

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