Modern Muted Emerald & Muted Blue Cool

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

♥ 468 likesblueemeraldpalette

#479E7A

#4E479E

#9E476B

#979E47

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
`#479E7A`	rgb(71, 158, 122)	hsl(155, 38%, 45%)	Muted Emerald	View
`#4E479E`	rgb(78, 71, 158)	hsl(245, 38%, 45%)	Muted Blue	View
`#9E476B`	rgb(158, 71, 107)	hsl(335, 38%, 45%)	Muted Pink	View
`#979E47`	rgb(151, 158, 71)	hsl(65, 38%, 45%)	Muted Lime	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

Utilizing Muted Emerald for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.

Best Applications

UI DesignBrand IdentityTypographyPresentations

Accessibility & Contrast Report

Score: 69%

#479E7A

On White3.26:1 (Poor)

On Black6.44:1 (Good)

#4E479E

On White7.72:1 (Excellent)

On Black2.72:1 (Poor)

#9E476B

On White5.89:1 (Good)

On Black3.57:1 (Poor)

#979E47

On White2.88:1 (Poor)

On Black7.3: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: #479E7A;
  --color-2: #4E479E;
  --color-3: #9E476B;
  --color-4: #979E47;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.