Heather Berry

#e75480

Berry-red depth for punchy, soft-focus UI

Save
Share

About Heather Berry

Heather Berry looks like a berry-tinted you'd spill on a matte screen, not glossy lipstick. It lands in the mid-range for the family: more lifted than , but it keeps a firmer, more defined core instead of going blushy like Blush d'. Versus Cherry Static, it's clearly lighter and less wine-cool, so it feels less "restrained" and more forward without turning orange.

I use it as the one you reach for when you want urgency that reads friendly at a glance, especially for dashboards and finance apps where the UI needs contrast against dense data. In retail and ecommerce ops, it's great for flagged orders, payment holds, and review queues. I also like it on streaming media controls and production labels when you need a loud-ish state color that won't feel as sharp as deeper reds.

Quirk: on very warm backgrounds it can skew slightly more magenta, so I usually pair it with clean cool grays or neutral whites to keep the from drifting.

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
3.51:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.22:1FailAA Large

On Gray 900 #18181b

Aa
5.04:1AAAAA Large

On Black #000000

Aa
5.98: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.

Similar colors

Create a gradient with Heather Berry

Open the generator with this color pre-loaded.

Start creating