Muted Muted Blue & Muted Red Warm

A 3-color combination featuring Muted Blue, Muted Red, Muted Yellow. Perfect for UI design, branding identities, and digital illustrations.

♥ 134 likesbluepalettebranding

#5B8BA4

#A45B66

#A4995B

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
`#5B8BA4`	rgb(91, 139, 164)	hsl(201, 29%, 50%)	Muted Blue	View
`#A45B66`	rgb(164, 91, 102)	hsl(351, 29%, 50%)	Muted Red	View
`#A4995B`	rgb(164, 153, 91)	hsl(51, 29%, 50%)	Muted Yellow	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

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

Best Applications

Web DesignBrand IdentityPackagingPresentations

Accessibility & Contrast Report

Score: 68%

#5B8BA4

On White3.7:1 (Poor)

On Black5.67:1 (Good)

#A45B66

On White4.92:1 (Good)

On Black4.27:1 (Poor)

#A4995B

On White2.88:1 (Poor)

On Black7.29: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: #5B8BA4;
  --color-2: #A45B66;
  --color-3: #A4995B;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.