Magenta Harbor color palette — #FFD0D7 · #BC42BD · #00749A · #6F2370 · #002E3F

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

The five colors

• Shell Pink (#FFD0D7): A whisper-light, dusty red — the color of late-summer berries.
• Orchid (#BC42BD): A full-bodied, vivid pink — the color of a candy shop window.
• Teal (#00749A): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6F2370): A full-bodied, balanced pink — the color of peonies in June.
• Midnight (#002E3F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Peony Veranda color palette (#FFE8EA, #C763B4, #0081BC, #803573, #0F3952)
• Quiet Aubergine Field color palette (#FCE3E6, #C068BC, #007E40, #630062, #001807)
• Plum Pier color palette (#F1DCEA, #B70096, #9A3D00, #364395, #311229)
• Patina Crimson color palette (#FED3C7, #D9385D, #545AC9, #8A0030, #1E1F5A)
• Raspberry Veranda color palette (#FBD3D1, #CD3C91, #856500, #800F56, #352600)
• Timeworn Aubergine color palette (#F6D4DD, #A357CA, #A64D00, #69168C, #441C00)
• Chalky Blush color palette (#FFF2F0, #DE7C9F, #6589C9, #954865, #304263)
• Misty Coral color palette (#FFEEEE, #FFB7CD, #E58287, #83487B, #462928)

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