Magenta Pier color palette — #E9EAF5 · #CAA9FF · #E250C8 · #9D67E3 · #11081D
Hot Pink and Amethyst set the tone — five colors that lean into creativity and energy.
The five colors
- Frost (#E9EAF5): bright and airy, almost weightless.
- Lavender (#CAA9FF): A luminous, balanced violet — the color of wild irises.
- Hot Pink (#E250C8): A luminous, vivid pink — the color of a candy shop window.
- Amethyst (#9D67E3): A luminous, vivid violet — the color of wild irises.
- Ink (#11081D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Energy, Balance. Tagged duotone, vibrant.
Use it as a design system
One click turns Magenta 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
- Peony Boulevard color palette (#EBE9F9, #E89AFA, #FE3099, #B859CE, #14071A)
- Aged Archive color palette (#E5EBF8, #A4B9FF, #C45CF7, #5E79FF, #0D0920)
- Softworn Bloom color palette (#F4F4FD, #E5B4FF, #F070A9, #B578D4, #1E1325)
- Powdered Crimson Basin color palette (#E6E4EF, #DC84D8, #EF0A53, #B534B2, #09000B)
- Peony Grove color palette (#EFE8F6, #FF94CA, #F45941, #DC429B, #170714)
- Worn Thicket color palette (#EEEDF7, #DACFD9, #CFB1C9, #AE79C7, #2D2C37)
- Tempered Peony Bloom color palette (#E8DAEB, #E58DD8, #DC4EAC, #B31F74, #490020)
- Misty Peony color palette (#F8D1E6, #EF78D1, #DD4884, #8C5900, #2B1C38)
Browse the whole catalog at Explore, or see today's palette.