Professional Color Scheme
Modern Dark Soft Blue & Dark Soft Navy Cool
A 5-color combination featuring Dark Soft Blue, Dark Soft Navy, Dark Soft Navy. Perfect for UI design, branding identities, and digital illustrations.
#242C7F
#33247F
#4A247F
#61247F
#78247F
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 |
|---|---|---|---|---|---|
#242C7F | rgb(36, 44, 127) | hsl(235, 56%, 32%) | Dark Soft Blue | View | |
#33247F | rgb(51, 36, 127) | hsl(250, 56%, 32%) | Dark Soft Navy | View | |
#4A247F | rgb(74, 36, 127) | hsl(265, 56%, 32%) | Dark Soft Navy | View | |
#61247F | rgb(97, 36, 127) | hsl(280, 56%, 32%) | Dark Soft Purple | View | |
#78247F | rgb(120, 36, 127) | hsl(295, 56%, 32%) | Dark Soft Purple | View |
Color Psychology & Usage
Psychology
This purple-dominant palette evokes a sense of balance and professionalism.
Detailed Analysis
The combination of Dark Soft Blue and Dark Soft Navy creates a refined visual hierarchy perfect for modern design projects.
Accessibility & Contrast Report
Score: 64%
#242C7F
On White12.06:1 (Excellent)
On Black1.74:1 (Poor)
#33247F
On White12.36:1 (Excellent)
On Black1.7:1 (Poor)
#4A247F
On White11.35:1 (Excellent)
On Black1.85:1 (Poor)
#61247F
On White10.16:1 (Excellent)
On Black2.07:1 (Poor)
#78247F
On White8.91:1 (Excellent)
On Black2.36: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: #242C7F;
--color-2: #33247F;
--color-3: #4A247F;
--color-4: #61247F;
--color-5: #78247F;
}Discover Similar Schemes
Palettes that share visual characteristics and color harmony.