Grapest

#880066

Grapest is a saturated grape-magenta plum accent

Save
Share

About Grapest

Grapest is the pink you notice when everyone else is choosing berry or plum, but this one stays clearly pink and doesn't drift into purple-ink or bruise shadow. It's darker than a lot of pinks in the family, yet it feels more open and breathable than the pressed, low-saturation look of Bane of . Compared with , it doesn't turn velvety and bruised, it keeps a firmer, magenta-leaning identity.

In UI, I use Grapest as a primary accent for dark mode where you want control without that fully serious, -stripped vibe. It's a great fit for premium SaaS products like settings pages, plan cards, and highlighted form steps where labels need to read as pink first, not "almost purple." It also works well in high-end beauty interfaces for CTA states and error banners that should feel authoritative, not shadowy.

Quirk: on very light backgrounds it can look flat, so give it contrast with deep charcoals or warm near-blacks, and pair it with clean neutrals so it doesn't compete with nearby magentas.

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
9.38:1AAA

On Gray 100 #f5f5f5

Aa
8.60:1AAA

On Gray 900 #18181b

Aa
1.89:1Fail

On Black #000000

Aa
2.24:1Fail

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 Grapest

Open the generator with this color pre-loaded.

Start creating