Professional Color Scheme
Muted Midnight Navy & Dark Gray Balanced
A 5-color combination featuring Midnight Navy, Dark Gray, Light Gray. Perfect for UI design, branding identities, and digital illustrations.
#322E38
#575161
#7C748B
#A49EAE
#CBC7D1
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.
Fast Performance
Secure Cloud
Color Information & Values
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#322E38 | rgb(50, 46, 56) | hsl(264, 10%, 20%) | Midnight Navy | View | |
#575161 | rgb(87, 81, 97) | hsl(263, 9%, 35%) | Dark Gray | View | |
#7C748B | rgb(124, 116, 139) | hsl(261, 9%, 50%) | Light Gray | View | |
#A49EAE | rgb(164, 158, 174) | hsl(263, 9%, 65%) | Light Gray | View | |
#CBC7D1 | rgb(203, 199, 209) | hsl(264, 10%, 80%) | Light Dusty Navy | View |
Color Psychology & Usage
Psychology
This purple-dominant palette evokes a sense of balance and professionalism.
Detailed Analysis
The combination of Midnight Navy and Dark Gray creates a refined visual hierarchy perfect for modern design projects.
Accessibility & Contrast Report
Score: 65%
#322E38
On White13.26:1 (Excellent)
On Black1.58:1 (Poor)
#575161
On White7.62:1 (Excellent)
On Black2.75:1 (Poor)
#7C748B
On White4.44:1 (Poor)
On Black4.73:1 (Good)
#A49EAE
On White2.6:1 (Poor)
On Black8.08:1 (Excellent)
#CBC7D1
On White1.66:1 (Poor)
On Black12.63: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: #322E38;
--color-2: #575161;
--color-3: #7C748B;
--color-4: #A49EAE;
--color-5: #CBC7D1;
}Discover Similar Schemes
Palettes that share visual characteristics and color harmony.