Modern 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.

♥ 304 likesgreencyanpalette

#3F8788

#653F88

#88403F

#62883F

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
`#3F8788`	rgb(63, 135, 136)	hsl(181, 37%, 39%)	Dark Muted Cyan	View
`#653F88`	rgb(101, 63, 136)	hsl(271, 37%, 39%)	Dark Muted Navy	View
`#88403F`	rgb(136, 64, 63)	hsl(1, 37%, 39%)	Dark Muted Red	View
`#62883F`	rgb(98, 136, 63)	hsl(91, 37%, 39%)	Dark Muted Green	View

Color Psychology & Usage

Psychology

With #3F8788 at its core, this scheme feels grounded, sustainable, and deeply professional.

Detailed Analysis

Incorporating Dark Muted Cyan creates a sophisticated backdrop that feels both premium and approachable. Highly recommended for sustainability reports, organic luxury brands, or estate management.

Best Applications

ApparelTypographyPackagingSocial Media

Accessibility & Contrast Report

Score: 68%

#3F8788

On White4.17:1 (Poor)

On Black5.03:1 (Good)

#653F88

On White8.02:1 (Excellent)

On Black2.62:1 (Poor)

#88403F

On White7.36:1 (Excellent)

On Black2.85:1 (Poor)

#62883F

On White4.11:1 (Poor)

On Black5.11: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: #3F8788;
  --color-2: #653F88;
  --color-3: #88403F;
  --color-4: #62883F;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.