DraftHue.
super fast palettes
Go Pro
Professional Color Scheme

Modern Deep Blue & Dark Blue Cool

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

♥ 133 likesbluepalettebranding
#112C55
#1E4D94
#2B6FD4
#6B9AE1
#AAC5EE

Professional Visualization

See how this palette performs in real-world UI mockups.

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

SwatchHEXRGBHSLNameDetails
#112C55rgb(17, 44, 85)hsl(216, 67%, 20%)Deep BlueView
#1E4D94rgb(30, 77, 148)hsl(216, 66%, 35%)Dark BlueView
#2B6FD4rgb(43, 111, 212)hsl(216, 66%, 50%)BlueView
#6B9AE1rgb(107, 154, 225)hsl(216, 66%, 65%)BlueView
#AAC5EErgb(170, 197, 238)hsl(216, 67%, 80%)Light BlueView

Color Psychology & Usage

Psychology

A sophisticated and deep Deep Blue scheme that projects authority and timeless stability.

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
IllustrationPrint MediaInterior DesignPresentations
Tags
bluepalettebrandingui

Accessibility & Contrast Report

Score: 66%
#112C55
On White13.86:1 (Excellent)
On Black1.52:1 (Poor)
#1E4D94
On White8.25:1 (Excellent)
On Black2.54:1 (Poor)
#2B6FD4
On White4.85:1 (Good)
On Black4.33:1 (Poor)
#6B9AE1
On White2.86:1 (Poor)
On Black7.33:1 (Excellent)
#AAC5EE
On White1.76:1 (Poor)
On Black11.93: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: #112C55;
  --color-2: #1E4D94;
  --color-3: #2B6FD4;
  --color-4: #6B9AE1;
  --color-5: #AAC5EE;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.