Modern Light Soft Navy & Light Soft Red Cool

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

♥ 480 likesbluenavypalette

#B6A7DC

#DCA7B3

#CDDCA7

#A7DCD1

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
`#B6A7DC`	rgb(182, 167, 220)	hsl(257, 43%, 76%)	Light Soft Navy	View
`#DCA7B3`	rgb(220, 167, 179)	hsl(346, 43%, 76%)	Light Soft Red	View
`#CDDCA7`	rgb(205, 220, 167)	hsl(77, 43%, 76%)	Light Soft Lime	View
`#A7DCD1`	rgb(167, 220, 209)	hsl(168, 43%, 76%)	Light Soft Cyan	View

Color Psychology & Usage

Psychology

Centered around #B6A7DC, this dark blue palette offers a premium, high-trust visual foundation.

Detailed Analysis

Utilizing Light Soft Navy for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. A strong choice for heritage brands looking to modernize their digital presence.

Best Applications

Game DesignBrand IdentityApparelIllustration

Accessibility & Contrast Report

Score: 63%

#B6A7DC

On White2.2:1 (Poor)

On Black9.55:1 (Excellent)

#DCA7B3

On White2.05:1 (Poor)

On Black10.22:1 (Excellent)

#CDDCA7

On White1.46:1 (Poor)

On Black14.39:1 (Excellent)

#A7DCD1

On White1.52:1 (Poor)

On Black13.8: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: #B6A7DC;
  --color-2: #DCA7B3;
  --color-3: #CDDCA7;
  --color-4: #A7DCD1;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.