Muted Muted Green & Muted Emerald Cool

A 5-color combination featuring Muted Green, Muted Green, Muted Emerald. Perfect for UI design, branding identities, and digital illustrations.

♥ 441 likesgreenpalettebranding

#5A9155

#55915F

#55916E

#55917D

#55918C

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
`#5A9155`	rgb(90, 145, 85)	hsl(115, 26%, 45%)	Muted Green	View
`#55915F`	rgb(85, 145, 95)	hsl(130, 26%, 45%)	Muted Green	View
`#55916E`	rgb(85, 145, 110)	hsl(145, 26%, 45%)	Muted Emerald	View
`#55917D`	rgb(85, 145, 125)	hsl(160, 26%, 45%)	Muted Emerald	View
`#55918C`	rgb(85, 145, 140)	hsl(175, 26%, 45%)	Muted Cyan	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

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

Best Applications

Logo DesignUI DesignApparelPackaging

Accessibility & Contrast Report

Score: 67%

#5A9155

On White3.74:1 (Poor)

On Black5.62:1 (Good)

#55915F

On White3.75:1 (Poor)

On Black5.6:1 (Good)

#55916E

On White3.71:1 (Poor)

On Black5.66:1 (Good)

#55917D

On White3.66:1 (Poor)

On Black5.73:1 (Good)

#55918C

On White3.61:1 (Poor)

On Black5.82:1 (Good)

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: #5A9155;
  --color-2: #55915F;
  --color-3: #55916E;
  --color-4: #55917D;
  --color-5: #55918C;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.