Magenta Pier color palette — #D0F7F4 · #CB9000 · #F000C1 · #2B0020 · #07020F

Hot Pink and Mustard set the tone — five colors that lean into optimism and creativity.

The five colors

• Honeydew (#D0F7F4): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#CB9000): A luminous, balanced gold — the color of honey in a jar.
• Hot Pink (#F000C1): A luminous, vivid pink — the color of a candy shop window.
• Ink (#2B0020): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#07020F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Peony Bloom color palette (#C5E6E9, #92A900, #FB068D, #340018, #07010A)
• Peony Workshop color palette (#C9E5E2, #BFB600, #EF45C4, #540042, #2D090E)
• Frosted Orchid color palette (#D7E9DB, #FB6804, #AC42F3, #200134, #040310)
• Airy Blush color palette (#CDE4F7, #ABBB00, #FF627D, #3D0D16, #140715)
• Misty Magenta color palette (#BEE7F0, #33D8BF, #D119EA, #34003C, #260A12)
• Washed Hollow color palette (#F7E7FD, #E5608E, #844B00, #8D0047, #070200)
• Airy Ember Chapel color palette (#C8E7FF, #00C686, #FD5930, #2A1625, #10050D)
• Wandering Corridor color palette (#C4EEFA, #E2CC5F, #FF93C6, #38303D, #1E1921)

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