Modern Muted Light Blue & Muted Light Purple Cool

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

♥ 8.5k likescyanbluepalette

#9BB7CF

#CD9BCF

#CFB39B

#9DCF9B

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
`#9BB7CF`	rgb(155, 183, 207)	hsl(208, 35%, 71%)	Muted Light Blue	View
`#CD9BCF`	rgb(205, 155, 207)	hsl(298, 35%, 71%)	Muted Light Purple	View
`#CFB39B`	rgb(207, 179, 155)	hsl(28, 35%, 71%)	Muted Light Orange	View
`#9DCF9B`	rgb(157, 207, 155)	hsl(118, 35%, 71%)	Muted Light Green	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

The combination of Muted Light Blue and Muted Light Purple creates a refined visual hierarchy perfect for modern design projects.

Best Applications

ApparelMarketingBrand IdentityPresentations

Accessibility & Contrast Report

Score: 65%

#9BB7CF

On White2.09:1 (Poor)

On Black10.07:1 (Excellent)

#CD9BCF

On White2.29:1 (Poor)

On Black9.19:1 (Excellent)

#CFB39B

On White1.99:1 (Poor)

On Black10.57:1 (Excellent)

#9DCF9B

On White1.77:1 (Poor)

On Black11.83: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: #9BB7CF;
  --color-2: #CD9BCF;
  --color-3: #CFB39B;
  --color-4: #9DCF9B;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.