Muted Dusty Cyan & Dusty Navy Balanced

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

♥ 66 likesbluecyanpalette

#809D9B

#8D809D

#9D8082

#919D80

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
`#809D9B`	rgb(128, 157, 155)	hsl(176, 13%, 56%)	Dusty Cyan	View
`#8D809D`	rgb(141, 128, 157)	hsl(267, 13%, 56%)	Dusty Navy	View
`#9D8082`	rgb(157, 128, 130)	hsl(356, 13%, 56%)	Dusty Red	View
`#919D80`	rgb(145, 157, 128)	hsl(85, 13%, 56%)	Dusty Green	View

Color Psychology & Usage

Psychology

A sophisticated and deep Dusty Cyan scheme that projects authority and timeless stability.

Detailed Analysis

Utilizing Dusty Cyan 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

Web DesignArchitecturePrint MediaPresentations

Accessibility & Contrast Report

Score: 69%

#809D9B

On White2.91:1 (Poor)

On Black7.21:1 (Excellent)

#8D809D

On White3.68:1 (Poor)

On Black5.71:1 (Good)

#9D8082

On White3.59:1 (Poor)

On Black5.84:1 (Good)

#919D80

On White2.86:1 (Poor)

On Black7.34: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: #809D9B;
  --color-2: #8D809D;
  --color-3: #9D8082;
  --color-4: #919D80;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.