Magenta Pier color palette — #FFF1F4 · #D534FF · #582C37 · #220E14 · #040102

Orchid and Cocoa set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Orchid (#D534FF): A luminous, vivid pink — the color of neon signs at night.
• Cocoa (#582C37): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#220E14): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#040102): quiet, heavy and certain.

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

• Feathered Orchid color palette (#FFF1F6, #A66AFF, #592944, #240B18, #030103)
• Peony Workshop color palette (#FFF1F2, #D746B1, #5B2000, #1B090B, #030001)
• Aged Fuchsia color palette (#DFDCEE, #DD67F2, #7F5976, #423D58, #11101C)
• Charred Byzantium Atelier color palette (#F2DFE3, #9B36AC, #401838, #22040D, #0A0103)
• Worn Blush color palette (#FFF2EF, #E87199, #6B3601, #281B19, #090405)
• Plum Alley color palette (#F4E0DF, #AA006F, #272B20, #270500, #040000)
• Weathered Blush Field color palette (#FFF1F6, #FF7AB6, #00B5B0, #009A95, #391124)
• Linen Scarlet Chapel color palette (#FFE8E6, #EB002C, #3E2500, #12221E, #130300)

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