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 loyalty palette featuring Dark Blue, Deep Blue, Deep 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 |
|---|---|---|---|---|---|
#134074 | rgb(19, 64, 116) | hsl(212, 72%, 26%) | Dark Blue | View | |
#13315C | rgb(19, 49, 92) | hsl(215, 66%, 22%) | Deep Blue | View | |
#0B2545 | rgb(11, 37, 69) | hsl(213, 72%, 16%) | Deep Blue | View | |
#8DA9C4 | rgb(141, 169, 196) | hsl(209, 32%, 66%) | Muted Blue | View | |
#EEF4ED | rgb(238, 244, 237) | hsl(111, 24%, 94%) | Pale Muted Green | View |
This cyan-dominant palette evokes a sense of balance and professionalism.
The combination of Dark Blue and Deep Blue creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #134074;
--color-2: #13315C;
--color-3: #0B2545;
--color-4: #8DA9C4;
--color-5: #EEF4ED;
}Palettes that share visual characteristics and color harmony.