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.

♥ 237 likesbluecyanpalette

#96ABAA

#A096AB

#AB9697

#A2AB96

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
`#96ABAA`	rgb(150, 171, 170)	hsl(177, 11%, 63%)	Dusty Cyan	View
`#A096AB`	rgb(160, 150, 171)	hsl(269, 11%, 63%)	Dusty Navy	View
`#AB9697`	rgb(171, 150, 151)	hsl(357, 11%, 63%)	Dusty Red	View
`#A2AB96`	rgb(162, 171, 150)	hsl(86, 11%, 63%)	Dusty Green	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

Using Dusty Cyan as a primary surface creates an environment of focused relaxation and clarity. Consider this for background layers where content needs to feel light and accessible.

Best Applications

IllustrationPrint MediaLogo DesignPresentations

Accessibility & Contrast Report

Score: 69%

#96ABAA

On White2.41:1 (Poor)

On Black8.7:1 (Excellent)

#A096AB

On White2.82:1 (Poor)

On Black7.45:1 (Excellent)

#AB9697

On White2.78:1 (Poor)

On Black7.54:1 (Excellent)

#A2AB96

On White2.39:1 (Poor)

On Black8.8: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: #96ABAA;
  --color-2: #A096AB;
  --color-3: #AB9697;
  --color-4: #A2AB96;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.