Modern Blue & Navy Cool

A 5-color combination featuring Blue, Blue, Blue. Perfect for UI design, branding identities, and digital illustrations.

♥ 220 likesbluepalettebranding

#3F9ED9

#3F78D9

#3F51D9

#543FD9

#7A3FD9

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
`#3F9ED9`	rgb(63, 158, 217)	hsl(203, 67%, 55%)	Blue	View
`#3F78D9`	rgb(63, 120, 217)	hsl(218, 67%, 55%)	Blue	View
`#3F51D9`	rgb(63, 81, 217)	hsl(233, 67%, 55%)	Blue	View
`#543FD9`	rgb(84, 63, 217)	hsl(248, 67%, 55%)	Blue	View
`#7A3FD9`	rgb(122, 63, 217)	hsl(263, 67%, 55%)	Navy	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

The interaction between these deep tones creates a luxury aesthetic suitable for high-end digital products. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.

Best Applications

Game DesignBrand IdentityLogo DesignPresentations

Accessibility & Contrast Report

Score: 69%

#3F9ED9

On White2.96:1 (Poor)

On Black7.1:1 (Excellent)

#3F78D9

On White4.29:1 (Poor)

On Black4.9:1 (Good)

#3F51D9

On White6.19:1 (Good)

On Black3.39:1 (Poor)

#543FD9

On White6.8:1 (Good)

On Black3.09:1 (Poor)

#7A3FD9

On White5.93:1 (Good)

On Black3.54:1 (Poor)

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: #3F9ED9;
  --color-2: #3F78D9;
  --color-3: #3F51D9;
  --color-4: #543FD9;
  --color-5: #7A3FD9;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.