Professional Color Scheme

Muted Midnight Navy & Dark Muted Blue Cool

A 3-color combination featuring Midnight Navy, Dark Muted Blue, Midnight Navy. Perfect for UI design, branding identities, and digital illustrations.

253 likesbluenavypalette
#3A304F
#32304F
#3A304F

Professional Visualization

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

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

Fast Performance

Secure Cloud

Color Information & Values

SwatchHEXRGBHSLNameDetails
#3A304Frgb(58, 48, 79)hsl(259, 24%, 25%)Midnight NavyView
#32304Frgb(50, 48, 79)hsl(244, 24%, 25%)Dark Muted BlueView
#3A304Frgb(58, 48, 79)hsl(259, 24%, 25%)Midnight NavyView

Color Psychology & Usage

Psychology

This blue-dominant palette evokes a sense of balance and professionalism.

Detailed Analysis

The combination of Midnight Navy and Dark Muted Blue creates a refined visual hierarchy perfect for modern design projects.

Best Applications
IllustrationMarketingWeb DesignPrint Media
Tags

Accessibility & Contrast Report

Score: 62%
#3A304F
On White12.24:1 (Excellent)
On Black1.72:1 (Poor)
#32304F
On White12.57:1 (Excellent)
On Black1.67:1 (Poor)
#3A304F
On White12.24:1 (Excellent)
On Black1.72: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: #3A304F;
  --color-2: #32304F;
  --color-3: #3A304F;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.