Vibrant Pale Vibrant Sky Blue & Pale Vibrant Purple Cool

A 4-color combination featuring Pale Vibrant Sky Blue, Pale Vibrant Purple, Pale Vibrant Orange. Perfect for UI design, branding identities, and digital illustrations.

♥ 76 likesgreenbluepalette

#CCF2FF

#F2CCFF

#FFD9CC

#D9FFCC

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
`#CCF2FF`	rgb(204, 242, 255)	hsl(195, 100%, 90%)	Pale Vibrant Sky Blue	View
`#F2CCFF`	rgb(242, 204, 255)	hsl(285, 100%, 90%)	Pale Vibrant Purple	View
`#FFD9CC`	rgb(255, 217, 204)	hsl(15, 100%, 90%)	Pale Vibrant Orange	View
`#D9FFCC`	rgb(217, 255, 204)	hsl(105, 100%, 90%)	Pale Vibrant Green	View

Color Psychology & Usage

Psychology

A lush and organic Pale Vibrant Sky Blue palette that evokes the stability and growth of the natural world.

Detailed Analysis

The deep green hues suggest wealth, prestige, and a commitment to quality and longevity. Highly recommended for sustainability reports, organic luxury brands, or estate management.

Best Applications

IllustrationPackagingTypographyInterior Design

Accessibility & Contrast Report

Score: 59%

#CCF2FF

On White1.19:1 (Poor)

On Black17.71:1 (Excellent)

#F2CCFF

On White1.41:1 (Poor)

On Black14.86:1 (Excellent)

#FFD9CC

On White1.31:1 (Poor)

On Black16.05:1 (Excellent)

#D9FFCC

On White1.1:1 (Poor)

On Black19.13: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: #CCF2FF;
  --color-2: #F2CCFF;
  --color-3: #FFD9CC;
  --color-4: #D9FFCC;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.