Loading
Preparing the next color view
Building palettes, metadata, and layout pieces for this route.
Building palettes, metadata, and layout pieces for this route.
A 5-color combination featuring Soft Sky Blue, Soft Blue, Soft Blue. Perfect for UI design, branding identities, and digital illustrations.
See how this palette performs in real-world UI mockups.
Experience the perfect harmony of colors calculated for your brand identity.
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#7DB6CF | rgb(125, 182, 207) | hsl(198, 46%, 65%) | Soft Sky Blue | View | |
#7DA2CF | rgb(125, 162, 207) | hsl(213, 46%, 65%) | Soft Blue | View | |
#7D8DCF | rgb(125, 141, 207) | hsl(228, 46%, 65%) | Soft Blue | View | |
#817DCF | rgb(129, 125, 207) | hsl(243, 46%, 65%) | Soft Blue | View | |
#957DCF | rgb(149, 125, 207) | hsl(258, 46%, 65%) | Soft Navy | View |
A sophisticated and deep Soft Sky Blue scheme that projects authority and timeless stability.
Utilizing Soft Sky Blue for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.
:root {
--color-1: #7DB6CF;
--color-2: #7DA2CF;
--color-3: #7D8DCF;
--color-4: #817DCF;
--color-5: #957DCF;
}Palettes that share visual characteristics and color harmony.