Modern Purple & Pink Warm

A 5-color combination featuring Purple, Pink, Pink. Perfect for UI design, branding identities, and digital illustrations.

♥ 441 likesbluepurplepalette

#E33BE3

#E33BB9

#E33B8F

#E33B65

#E33B3B

Professional Visualization

See how this palette performs in real-world UI mockups.

BrandName

ProductPricingGet Started

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

★

Fast Performance

⚡

Secure Cloud

Color Information & Values

HEX	RGB	HSL	Name	Details
`#E33BE3`	rgb(227, 59, 227)	hsl(300, 75%, 56%)	Purple	View
`#E33BB9`	rgb(227, 59, 185)	hsl(315, 75%, 56%)	Pink	View
`#E33B8F`	rgb(227, 59, 143)	hsl(330, 75%, 56%)	Pink	View
`#E33B65`	rgb(227, 59, 101)	hsl(345, 75%, 56%)	Red	View
`#E33B3B`	rgb(227, 59, 59)	hsl(0, 75%, 56%)	Red	View

Color Psychology & Usage

Psychology

This soft Purple palette brings a sense of serene tranquility and modern airiness.

Detailed Analysis

Using Purple as a primary surface creates an environment of focused relaxation and clarity. Ideal for healthcare platforms, meditation apps, or any interface that values breathing room.

Best Applications

ArchitectureGame DesignMarketingPrint Media

Accessibility & Contrast Report

Score: 67%

#E33BE3

On White3.5:1 (Poor)

On Black6:1 (Good)

#E33BB9

On White3.76:1 (Poor)

On Black5.59:1 (Good)

#E33B8F

On White3.97:1 (Poor)

On Black5.29:1 (Good)

#E33B65

On White4.13:1 (Poor)

On Black5.08:1 (Good)

#E33B3B

On White4.24:1 (Poor)

On Black4.95:1 (Good)

These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.

CSS Export

:root {
  --color-1: #E33BE3;
  --color-2: #E33BB9;
  --color-3: #E33B8F;
  --color-4: #E33B65;
  --color-5: #E33B3B;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.