Vibrant Pale Vibrant Pink & Pale Vibrant Red Warm

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

♥ 303 likesgreenpinkpalette

#FFBDDC

#FFBDCB

#FFBFBD

#FFCFBD

#FFE0BD

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
`#FFBDDC`	rgb(255, 189, 220)	hsl(332, 100%, 87%)	Pale Vibrant Pink	View
`#FFBDCB`	rgb(255, 189, 203)	hsl(347, 100%, 87%)	Pale Vibrant Red	View
`#FFBFBD`	rgb(255, 191, 189)	hsl(2, 100%, 87%)	Pale Vibrant Red	View
`#FFCFBD`	rgb(255, 207, 189)	hsl(16, 100%, 87%)	Pale Vibrant Orange	View
`#FFE0BD`	rgb(255, 224, 189)	hsl(32, 100%, 87%)	Pale Vibrant Orange	View

Color Psychology & Usage

Psychology

This green-dominant palette evokes a sense of balance and professionalism.

Detailed Analysis

The combination of Pale Vibrant Pink and Pale Vibrant Red creates a refined visual hierarchy perfect for modern design projects.

Best Applications

ArchitecturePhotographyPrint MediaIllustration

Accessibility & Contrast Report

Score: 60%

#FFBDDC

On White1.55:1 (Poor)

On Black13.56:1 (Excellent)

#FFBDCB

On White1.57:1 (Poor)

On Black13.39:1 (Excellent)

#FFBFBD

On White1.56:1 (Poor)

On Black13.44:1 (Excellent)

#FFCFBD

On White1.41:1 (Poor)

On Black14.91:1 (Excellent)

#FFE0BD

On White1.26:1 (Poor)

On Black16.65:1 (Excellent)

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: #FFBDDC;
  --color-2: #FFBDCB;
  --color-3: #FFBFBD;
  --color-4: #FFCFBD;
  --color-5: #FFE0BD;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.