Grape
#6c3461
Mid-depth violet plum for calm focus surfaces
About Grape
On a product mock, Grape reads like a darker grape skin tone that somehow stays clear instead of turning muddy. It's more saturated than the softer, soda-tinged pinks, and it doesn't carry the heavy, bruised compression you get from nearby darker shades. Compared with Eminence and Heartless, it lands lighter and less wine-plum, so it feels more pink-forward and less shadowy.
I use Grape as the one you reach for when you need a rich accent that still breathes, especially for dashboards and health product UI where selected pills, step indicators, and priority tags need to look confident without going ink-dark. It also works in creator and media layouts for overlay labels and editorial emphasis blocks because it holds color clarity in the midrange. If you're placing it next to Grape Fizz, it'll feel more grounded and less "soda-bright," so keep the supporting grays neutral.
Pairing note: it behaves best with warm near-whites and cocoa browns; cool steel grays can make the undertone look a touch sharper than you intended.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.