Modern Dark Soft Navy & Dark Soft Pink Cool

A 4-color combination featuring Dark Soft Navy, Dark Soft Pink, Dark Soft Lime. Perfect for UI design, branding identities, and digital illustrations.

♥ 72 likesbluenavypalette

#3D2E84

#842E4B

#76842E

#2E8468

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
`#3D2E84`	rgb(61, 46, 132)	hsl(250, 48%, 35%)	Dark Soft Navy	View
`#842E4B`	rgb(132, 46, 75)	hsl(340, 48%, 35%)	Dark Soft Pink	View
`#76842E`	rgb(118, 132, 46)	hsl(70, 48%, 35%)	Dark Soft Lime	View
`#2E8468`	rgb(46, 132, 104)	hsl(160, 48%, 35%)	Dark Soft Emerald	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

Utilizing Dark Soft Navy 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 DesignApparelSocial MediaIllustration

Accessibility & Contrast Report

Score: 66%

#3D2E84

On White10.92:1 (Excellent)

On Black1.92:1 (Poor)

#842E4B

On White8.49:1 (Excellent)

On Black2.47:1 (Poor)

#76842E

On White4.11:1 (Poor)

On Black5.11:1 (Good)

#2E8468

On White4.55:1 (Good)

On Black4.62: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: #3D2E84;
  --color-2: #842E4B;
  --color-3: #76842E;
  --color-4: #2E8468;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.