Magenta Coast color palette — #E1D9F6 · #D341CC · #009381 · #00699D · #1A0319

Orchid and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#E1D9F6): A whisper-light, dusty violet — the color of a velvet chair.
• Orchid (#D341CC): A luminous, vivid pink — the color of a candy shop window.
• Fern (#009381): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00699D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#1A0319): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Magenta Coast 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

• Gentle Fuchsia Ridge color palette (#E8E3FE, #D66CE6, #577900, #006F80, #0F0623)
• Pale Magenta Delta color palette (#EEE9FF, #C223C4, #008370, #3E3AC0, #0C000D)
• Peony Thicket color palette (#F5E8FF, #E6399A, #008F9C, #6946BC, #15051F)
• Peony Ridge color palette (#ECE0F1, #E6518A, #627F00, #00548C, #1D002F)
• Patina Sapphire Veranda color palette (#ECDEF9, #FF5AB8, #00AF97, #3868FF, #390925)
• Pale Amber Coast color palette (#F7D3DF, #DA8700, #00A1BE, #8F57B4, #2C0F1B)
• Ember Atelier color palette (#FAE6F0, #D96300, #00956A, #00699E, #1D0213)
• Washed Pier color palette (#FBE8F4, #FFA78A, #0093E5, #AF63A5, #361D2E)

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