Muted Muted Cyan & Muted Navy Cool

A 4-color combination featuring Muted Cyan, Muted Navy, Muted Red. Perfect for UI design, branding identities, and digital illustrations.

♥ 258 likesbluecyanpalette

#7A9F9A

#877A9F

#9F7A7F

#919F7A

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
`#7A9F9A`	rgb(122, 159, 154)	hsl(172, 16%, 55%)	Muted Cyan	View
`#877A9F`	rgb(135, 122, 159)	hsl(261, 16%, 55%)	Muted Navy	View
`#9F7A7F`	rgb(159, 122, 127)	hsl(352, 16%, 55%)	Muted Red	View
`#919F7A`	rgb(145, 159, 122)	hsl(83, 16%, 55%)	Muted Lime	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

Using Muted Cyan as a primary surface creates an environment of focused relaxation and clarity. Ideal for healthcare platforms, meditation apps, or any interface that values breathing room.

Best Applications

Print MediaArchitectureIllustrationGame Design

Accessibility & Contrast Report

Score: 69%

#7A9F9A

On White2.9:1 (Poor)

On Black7.25:1 (Excellent)

#877A9F

On White3.95:1 (Poor)

On Black5.31:1 (Good)

#9F7A7F

On White3.77:1 (Poor)

On Black5.56:1 (Good)

#919F7A

On White2.82:1 (Poor)

On Black7.44: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: #7A9F9A;
  --color-2: #877A9F;
  --color-3: #9F7A7F;
  --color-4: #919F7A;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.