Magenta Memoir

#b4559b

Muted-magenta mauve with calm editorial presence

Save
Share

About Magenta Memoir

Magenta Memoir is the magenta I notice when a pink UI looks too sweet or too bruise. Compared to , it doesn't read warm and friendly at the first glance, and it also isn't the steadier mauve-rose direction of . This one sits closer to a true magenta core, with a smoother, more deliberate look than , which tends to feel darker and slightly sharper.

On product screens it's my go-to accent for magenta highlight states and editorial CTA labels where you want energy without that slightly neon edge. I use it a lot in creator dashboards, e-commerce promo banners, and podcast or streaming thumbnails, especially when the background is busy and you need the color to stay legible and "set" rather than drift. The one you reach for when you need a firm pink-family punch that still behaves like a design decision.

Pair it with soft rose, clean warm grays, or muted plum to avoid the color turning flat on bright whites.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
4.46:1FailAA Large

On Gray 100 #f5f5f5

Aa
4.09:1FailAA Large

On Gray 900 #18181b

Aa
3.98:1FailAA Large

On Black #000000

Aa
4.71:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Magenta Memoir

Open the generator with this color pre-loaded.

Start creating