Magenta Pier color palette — #E8DDFE · #C900B9 · #61313A · #201830 · #010106

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

The five colors

• Thistle (#E8DDFE): A whisper-light, dusty violet — the color of wild irises.
• Orchid (#C900B9): A full-bodied, vivid pink — the color of neon signs at night.
• Cocoa (#61313A): A deep, shadowed, dusty red — the color of embers at dusk.
• Deep Indigo (#201830): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#010106): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Raspberry Alley color palette (#F5E8F9, #DD0068, #65311E, #26162A, #020105)
• Byzantium Grove color palette (#DADDF1, #992EFE, #5C3051, #191A34, #000107)
• Twilit Plum color palette (#F9D6D8, #A3008F, #3E102A, #242215, #180205)
• Rose Coast color palette (#ECE0EF, #FF2C7C, #884326, #4F2630, #090511)
• Ancient Fuchsia Alley color palette (#E8E1F0, #F577C5, #7C687B, #4D4654, #18171E)
• Patina Peony Quarry color palette (#F6DBF6, #F646BE, #D72878, #9D182C, #350D00)
• Deep Mulberry color palette (#FAE7E8, #740068, #161308, #22000E, #040003)
• Worn Bloom color palette (#D0E3DE, #55BF8A, #009287, #815079, #002020)

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