Magenta Pier color palette — #F5DBD7 · #C863FF · #DA006A · #604F00 · #270700

Built around Pink Orchid, softened by Fuchsia — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F5DBD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pink Orchid (#C863FF): A luminous, vivid violet — the color of a velvet chair.
• Fuchsia (#DA006A): A full-bodied, vivid red — the color of late-summer berries.
• Bronze (#604F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#270700): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged candy, vibrant, light.

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

• Washed Magenta color palette (#FFD7C5, #DF5EF7, #DB2500, #5B5A00, #2B1300)
• Misty Raspberry Study color palette (#FFD2CB, #A786FF, #CE3D99, #7F5500, #3A0008)
• Magenta Meadow color palette (#FAD3DD, #5A9BFF, #C626C8, #8F3D00, #2C001D)
• Frosted Delta color palette (#FEE7FF, #FB53A8, #E32260, #972400, #150002)
• Wandering Peony Balcony color palette (#F3E5D9, #FF539F, #B26300, #186F0A, #1A1000)
• Pale Parlor color palette (#FFEDD6, #EF0A58, #8D5100, #134D00, #060300)
• Ember Loft color palette (#FFF2EA, #FF96D9, #EE5600, #6F7D00, #382200)
• Hushed Grove color palette (#FBE9E4, #FF80B2, #F95872, #D63F00, #2D0004)

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