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 trending palette featuring Light Soft Blue, Pale Soft Blue, Deep Soft Blue.
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 |
|---|---|---|---|---|---|
#BFD4E6 | rgb(191, 212, 230) | hsl(208, 44%, 83%) | Light Soft Blue | View | |
#E6EEF5 | rgb(230, 238, 245) | hsl(208, 43%, 93%) | Pale Soft Blue | View | |
#1C3B52 | rgb(28, 59, 82) | hsl(206, 49%, 22%) | Deep Soft Blue | View | |
#123247 | rgb(18, 50, 71) | hsl(204, 60%, 17%) | Deep Blue | View | |
#0F2233 | rgb(15, 34, 51) | hsl(208, 55%, 13%) | Deep Soft Blue | View | |
#0B1B2B | rgb(11, 27, 43) | hsl(210, 59%, 11%) | Deep Soft Blue | View | |
#050A14 | rgb(5, 10, 20) | hsl(220, 60%, 5%) | Midnight | View |
This blue-dominant palette evokes a sense of balance and professionalism.
The combination of Light Soft Blue and Pale Soft Blue creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #BFD4E6;
--color-2: #E6EEF5;
--color-3: #1C3B52;
--color-4: #123247;
--color-5: #0F2233;
--color-6: #0B1B2B;
--color-7: #050A14;
}Palettes that share visual characteristics and color harmony.