Muted Dark Muted Blue & Dark Muted Pink Cool

A 3-color combination featuring Dark Muted Blue, Dark Muted Pink, Dark Muted Green. Perfect for UI design, branding identities, and digital illustrations.

♥ 112 likesbluepalettebranding

#36424F

#4F3642

#424F36

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
`#36424F`	rgb(54, 66, 79)	hsl(211, 19%, 26%)	Dark Muted Blue	View
`#4F3642`	rgb(79, 54, 66)	hsl(331, 19%, 26%)	Dark Muted Pink	View
`#424F36`	rgb(66, 79, 54)	hsl(91, 19%, 26%)	Dark Muted Green	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

Using Dark Muted Blue as a primary surface creates an environment of focused relaxation and clarity. Consider this for background layers where content needs to feel light and accessible.

Best Applications

Web DesignUI DesignGame DesignIllustration

Accessibility & Contrast Report

Score: 65%

#36424F

On White10.25:1 (Excellent)

On Black2.05:1 (Poor)

#4F3642

On White10.83:1 (Excellent)

On Black1.94:1 (Poor)

#424F36

On White8.74:1 (Excellent)

On Black2.4:1 (Poor)

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: #36424F;
  --color-2: #4F3642;
  --color-3: #424F36;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.