Muted Dark Muted Emerald & Midnight Navy Cool

A 4-color combination featuring Dark Muted Emerald, Midnight Navy, Dark Muted Pink. Perfect for UI design, branding identities, and digital illustrations.

♥ 151 likesblueemeraldpalette

#345B50

#3C345B

#5B343F

#525B34

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
`#345B50`	rgb(52, 91, 80)	hsl(163, 27%, 28%)	Dark Muted Emerald	View
`#3C345B`	rgb(60, 52, 91)	hsl(252, 27%, 28%)	Midnight Navy	View
`#5B343F`	rgb(91, 52, 63)	hsl(343, 27%, 28%)	Dark Muted Pink	View
`#525B34`	rgb(82, 91, 52)	hsl(74, 27%, 28%)	Dark Muted Lime	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

The interaction between these deep tones creates a luxury aesthetic suitable for high-end digital products. A strong choice for heritage brands looking to modernize their digital presence.

Best Applications

Logo DesignTypographyArchitectureWeb Design

Accessibility & Contrast Report

Score: 67%

#345B50

On White7.61:1 (Excellent)

On Black2.76:1 (Poor)

#3C345B

On White11.45:1 (Excellent)

On Black1.83:1 (Poor)

#5B343F

On White10.46:1 (Excellent)

On Black2.01:1 (Poor)

#525B34

On White7.23:1 (Excellent)

On Black2.9: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: #345B50;
  --color-2: #3C345B;
  --color-3: #5B343F;
  --color-4: #525B34;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.