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 warm palette in monochromatic tones.
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 |
|---|---|---|---|---|---|
#7E98DF | rgb(126, 152, 223) | hsl(224, 60%, 68%) | Blue | View | |
#5E7ED5 | rgb(94, 126, 213) | hsl(224, 59%, 60%) | Soft Blue | View | |
#5C7ACB | rgb(92, 122, 203) | hsl(224, 52%, 58%) | Soft Blue | View | |
#5576D0 | rgb(85, 118, 208) | hsl(224, 57%, 57%) | Soft Blue | View | |
#7892DB | rgb(120, 146, 219) | hsl(224, 58%, 66%) | Soft Blue | View |
A sophisticated and deep Blue scheme that projects authority and timeless stability.
The interaction between these deep tones creates a luxury aesthetic suitable for high-end digital products. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.
:root {
--color-1: #7E98DF;
--color-2: #5E7ED5;
--color-3: #5C7ACB;
--color-4: #5576D0;
--color-5: #7892DB;
}Palettes that share visual characteristics and color harmony.