Magenta Pier color palette — #DEF0FD · #00C0D4 · #F81FE1 · #33022E · #240A0E

A conversation between Orchid and Cyan, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEF0FD): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00C0D4): A luminous, balanced blue — the color of deep harbor water.
• Orchid (#F81FE1): A luminous, vivid pink — the color of a candy shop window.
• Deep Indigo (#33022E): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#240A0E): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Warmth, Comfort, Energy. Tagged neon, dark, vibrant, warm.

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

• Magenta Pier color palette (#C4E9F6, #33DAAF, #C13CEC, #2F0D3B, #2A1018)
• Rose Ridge color palette (#D5E1FF, #00C0D4, #FF4A7E, #3E0E00, #210C08)
• Aged Lime Market color palette (#D1E0ED, #91CC00, #FF78BA, #703A53, #1A0924)
• Hazy Coral color palette (#DBEAFF, #6EC4FF, #FF777A, #50290E, #30231E)
• Gentle Lagoon color palette (#C0E7F7, #81AE00, #EF0A55, #2E0009, #080208)
• Blush Station color palette (#D6E5EC, #ABBE00, #FF6D82, #522027, #200F0A)
• Scarlet Delta color palette (#E2DBFA, #72BDFF, #E63600, #321A00, #1C0F08)
• Hushed Byzantium color palette (#FFD9E1, #A000BF, #00656C, #5F0077, #2E1036)

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