Medium Violet Red & Pink Color Palette

01 #C71585
02 #E36BA8
03 #FFC0CB
04 #EEB9DA
05 #664D51

Why do Medium Violet Red and Pink go well together?

A palette built with Medium Violet Red (#C71585) and Pink (#FFC0CB) delivers a harmonious aesthetic. The contrast score of 3.52:1 indicates that this relationship meets large-text contrast requirements, offering decent visibility for headers and prominent layout shapes. Integrating these two shades helps create depth in layouts.

How to use the Medium Violet Red & Pink color combination

Applying the Medium Violet Red and Pink color scheme gives projects a balanced, professional feel. It fits cleanly into tech applications, banking software, and retail labels. A solid structural strategy is to use the heavier tone #C71585 for headers and typography, while reserving the secondary #FFC0CB to guide user attention to key elements.

👁 Live UI Mockup Preview

See how this palette coordinates on actual web components.

Medium Violet Red Canvas

Medium Violet Red & Pink UI Layout

This component template demonstrates Medium Violet Red styling applied to headers and Pink styled interactive blocks.

Pink Focus Rate 85%

🛠 Stylesheet Integration Codes

CSS Variables
:root {
  --color-primary:   #C71585;
  --color-secondary: #FFC0CB;
  --color-midtone:   #E36BA8;
  --color-highlight: #EEB9DA;
  --color-shadow:    #664D51;
}

Parent Color Reference Sheets

Medium Violet Red Details All web and printing specifications
Pink Details All web and printing specifications
Copied!