Professional Color Scheme
Modern Soft Blue & Soft Navy Cool
A 5-color combination featuring Soft Blue, Soft Blue, Soft Blue. Perfect for UI design, branding identities, and digital illustrations.
#4C82CD
#4C61CD
#574CCD
#774CCD
#974CCD
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 |
|---|---|---|---|---|---|
#4C82CD | rgb(76, 130, 205) | hsl(215, 56%, 55%) | Soft Blue | View | |
#4C61CD | rgb(76, 97, 205) | hsl(230, 56%, 55%) | Soft Blue | View | |
#574CCD | rgb(87, 76, 205) | hsl(245, 56%, 55%) | Soft Blue | View | |
#774CCD | rgb(119, 76, 205) | hsl(260, 56%, 55%) | Soft Navy | View | |
#974CCD | rgb(151, 76, 205) | hsl(275, 56%, 55%) | Soft Purple | View |
Color Psychology & Usage
Psychology
This blue-dominant palette evokes a sense of balance and professionalism.
Detailed Analysis
The combination of Soft Blue and Soft Blue creates a refined visual hierarchy perfect for modern design projects.
Accessibility & Contrast Report
Score: 67%
#4C82CD
On White3.9:1 (Poor)
On Black5.38:1 (Good)
#4C61CD
On White5.39:1 (Good)
On Black3.9:1 (Poor)
#574CCD
On White6.32:1 (Good)
On Black3.32:1 (Poor)
#774CCD
On White5.68:1 (Good)
On Black3.7:1 (Poor)
#974CCD
On White4.96:1 (Good)
On Black4.23: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: #4C82CD;
--color-2: #4C61CD;
--color-3: #574CCD;
--color-4: #774CCD;
--color-5: #974CCD;
}Discover Similar Schemes
Palettes that share visual characteristics and color harmony.