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 Deep Soft Blue, Light Gray, Dark Soft Red.
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 |
|---|---|---|---|---|---|
#1B2B51 | rgb(27, 43, 81) | hsl(222, 50%, 21%) | Deep Soft Blue | View | |
#9A9A8F | rgb(154, 154, 143) | hsl(60, 5%, 58%) | Light Gray | View | |
#702735 | rgb(112, 39, 53) | hsl(348, 48%, 30%) | Dark Soft Red | View | |
#006BB3 | rgb(0, 107, 179) | hsl(204, 100%, 35%) | Dark Vibrant Blue | View | |
#EA4226 | rgb(234, 66, 38) | hsl(9, 82%, 53%) | Pure Red | View |
:root {
--color-1: #1B2B51;
--color-2: #9A9A8F;
--color-3: #702735;
--color-4: #006BB3;
--color-5: #EA4226;
}Palettes that share visual characteristics and color harmony.