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 Deep Dusty Blue, Dark Dusty Blue, Dusty 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 |
|---|---|---|---|---|---|
#2C323A | rgb(44, 50, 58) | hsl(214, 14%, 20%) | Deep Dusty Blue | View | |
#4E5865 | rgb(78, 88, 101) | hsl(214, 13%, 35%) | Dark Dusty Blue | View | |
#6F7D90 | rgb(111, 125, 144) | hsl(215, 13%, 50%) | Dusty Blue | View | |
#9AA4B1 | rgb(154, 164, 177) | hsl(214, 13%, 65%) | Dusty Blue | View | |
#C5CBD3 | rgb(197, 203, 211) | hsl(214, 14%, 80%) | Cloud Blue | View |
This soft Deep Dusty Blue palette brings a sense of serene tranquility and modern airiness.
The light blue tones suggest reliability and professional calm without being overpowering. Ideal for healthcare platforms, meditation apps, or any interface that values breathing room.
:root {
--color-1: #2C323A;
--color-2: #4E5865;
--color-3: #6F7D90;
--color-4: #9AA4B1;
--color-5: #C5CBD3;
}Palettes that share visual characteristics and color harmony.