Muted Dark Muted Cyan & Dark Muted Navy Cool

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

♥ 382 likesbluecyanpalette

#538884

#695388

#885358

#728853

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
`#538884`	rgb(83, 136, 132)	hsl(175, 24%, 43%)	Dark Muted Cyan	View
`#695388`	rgb(105, 83, 136)	hsl(265, 24%, 43%)	Dark Muted Navy	View
`#885358`	rgb(136, 83, 88)	hsl(354, 24%, 43%)	Dark Muted Red	View
`#728853`	rgb(114, 136, 83)	hsl(85, 24%, 43%)	Dark Muted Green	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

Utilizing Dark Muted 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

IllustrationUI DesignSocial MediaPackaging

Accessibility & Contrast Report

Score: 68%

#538884

On White4.02:1 (Poor)

On Black5.22:1 (Good)

#695388

On White6.58:1 (Good)

On Black3.19:1 (Poor)

#885358

On White6.13:1 (Good)

On Black3.43:1 (Poor)

#728853

On White3.92:1 (Poor)

On Black5.36: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: #538884;
  --color-2: #695388;
  --color-3: #885358;
  --color-4: #728853;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.