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 stability palette featuring Pale Pure Blue, Pale Pure Blue, Light Pure 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 |
|---|---|---|---|---|---|
#E3F2FD | rgb(227, 242, 253) | hsl(205, 87%, 94%) | Pale Pure Blue | View | |
#BBDEFB | rgb(187, 222, 251) | hsl(207, 89%, 86%) | Pale Pure Blue | View | |
#90CAF9 | rgb(144, 202, 249) | hsl(207, 90%, 77%) | Light Pure Blue | View | |
#64B5F6 | rgb(100, 181, 246) | hsl(207, 89%, 68%) | Pure Blue | View | |
#42A5F5 | rgb(66, 165, 245) | hsl(207, 90%, 61%) | Pure Blue | View | |
#2196F3 | rgb(33, 150, 243) | hsl(207, 90%, 54%) | Pure Blue | View | |
#1E88E5 | rgb(30, 136, 229) | hsl(208, 79%, 51%) | Pure Blue | View | |
#1976D2 | rgb(25, 118, 210) | hsl(210, 79%, 46%) | Pure Blue | View | |
#1565C0 | rgb(21, 101, 192) | hsl(212, 80%, 42%) | Dark Pure Blue | View | |
#0D47A1 | rgb(13, 71, 161) | hsl(216, 85%, 34%) | Dark Pure Blue | View |
This blue-dominant palette evokes a sense of balance and professionalism.
The combination of Pale Pure Blue and Pale Pure Blue creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #E3F2FD;
--color-2: #BBDEFB;
--color-3: #90CAF9;
--color-4: #64B5F6;
--color-5: #42A5F5;
--color-6: #2196F3;
--color-7: #1E88E5;
--color-8: #1976D2;
--color-9: #1565C0;
--color-10: #0D47A1;
}Palettes that share visual characteristics and color harmony.