Magenta Pier color palette — #CCE4F8 · #FF4655 · #D301E5 · #1B031E · #030209

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

The five colors

• Frost (#CCE4F8): A whisper-light, dusty blue — the color of deep harbor water.
• Scarlet (#FF4655): A luminous, vivid orange — the color of autumn markets.
• Orchid (#D301E5): A luminous, vivid pink — the color of peonies in June.
• Ink (#1B031E): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#030209): A deep, shadowed, dusty violet — the color of wild irises.

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

• Patina Magenta Station color palette (#CFE3FB, #FF7774, #F71AE5, #1D1230, #0C0A12)
• Faded Field color palette (#E5EAFB, #E33200, #C3009A, #190012, #020004)
• Peony Study color palette (#D7F5FF, #FF348E, #935CFF, #14072C, #010207)
• Feathered Lantern color palette (#E3E8FB, #E96A00, #ED0093, #250214, #08030C)
• Sunlit Mulberry color palette (#E7E2ED, #C36AA4, #A00038, #7D005F, #060007)
• Magenta Delta color palette (#D5EDEE, #E538E7, #5478FF, #050C33, #00020C)
• Rose Hollow color palette (#E6DCF1, #FD2858, #AC8300, #38000B, #0A020B)
• Powdered Blush color palette (#E7E9FF, #FFA15B, #FF77A8, #2D1E33, #110C13)

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