Magenta Pier color palette — #E1E6D2 · #58CB7B · #CD5BC7 · #007134 · #310030

A conversation between Hot Pink and Clover, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E1E6D2): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#58CB7B): A luminous, balanced teal — the color of sea glass.
• Hot Pink (#CD5BC7): A luminous, vivid pink — the color of neon signs at night.
• Pine (#007134): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#310030): A deep, shadowed, balanced pink — the color of a candy shop window.

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

• Misty Raspberry color palette (#DAE5CF, #33CBA0, #D4228D, #008465, #360020)
• Soft Raspberry color palette (#ECEED7, #60AD3C, #BF308B, #205200, #360023)
• Timeworn Violet Alley color palette (#E5E3D3, #A6BB52, #885BDE, #697A00, #23004A)
• Sunlit Peony Orchard color palette (#D4EDCD, #39E5D3, #E95A88, #009D8F, #590027)
• Wandering Summit color palette (#E5F4E6, #00B2B8, #F93B49, #008085, #3A0006)
• Indigo Loft color palette (#DDF7E7, #00A768, #6B6BFF, #C93E00, #00170A)
• Lilac Orchard color palette (#F4D8C5, #9F85FF, #00ACA0, #003632, #000500)
• Softworn Scarlet Drift color palette (#D8F3DE, #008F9C, #C82A3D, #006069, #140001)

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