Modern Soft Navy & Soft Pink Cool

A 4-color combination featuring Soft Navy, Soft Pink, Soft Lime. Perfect for UI design, branding identities, and digital illustrations.

♥ 482 likesbluenavypalette

#8A77D4

#D47793

#C2D477

#77D4B8

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
`#8A77D4`	rgb(138, 119, 212)	hsl(252, 52%, 65%)	Soft Navy	View
`#D47793`	rgb(212, 119, 147)	hsl(342, 52%, 65%)	Soft Pink	View
`#C2D477`	rgb(194, 212, 119)	hsl(72, 52%, 65%)	Soft Lime	View
`#77D4B8`	rgb(119, 212, 184)	hsl(162, 52%, 65%)	Soft Emerald	View

Color Psychology & Usage

Psychology

A peaceful combination anchored by #8A77D4, perfect for projects requiring a gentle, trustworthy touch.

Detailed Analysis

The light blue tones suggest reliability and professional calm without being overpowering. Ideal for healthcare platforms, meditation apps, or any interface that values breathing room.

Best Applications

ArchitectureWeb DesignPhotographyPresentations

Accessibility & Contrast Report

Score: 66%

#8A77D4

On White3.7:1 (Poor)

On Black5.67:1 (Good)

#D47793

On White3.06:1 (Poor)

On Black6.86:1 (Good)

#C2D477

On White1.62:1 (Poor)

On Black12.98:1 (Excellent)

#77D4B8

On White1.77:1 (Poor)

On Black11.89: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: #8A77D4;
  --color-2: #D47793;
  --color-3: #C2D477;
  --color-4: #77D4B8;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.