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 cool palette featuring Pure Blue, Vibrant Sky Blue, Dark Vibrant Sky 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 |
|---|---|---|---|---|---|
#2196F3 | rgb(33, 150, 243) | hsl(207, 90%, 54%) | Pure Blue | View | |
#03A9F4 | rgb(3, 169, 244) | hsl(199, 98%, 48%) | Vibrant Sky Blue | View | |
#00BCD4 | rgb(0, 188, 212) | hsl(187, 100%, 42%) | Dark Vibrant Sky Blue | View | |
#009688 | rgb(0, 150, 136) | hsl(174, 100%, 29%) | Dark Vibrant Cyan | View | |
#4CAF50 | rgb(76, 175, 80) | hsl(122, 39%, 49%) | Muted Green | View |
This cyan-dominant palette evokes a sense of balance and professionalism.
The combination of Pure Blue and Vibrant Sky Blue creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #2196F3;
--color-2: #03A9F4;
--color-3: #00BCD4;
--color-4: #009688;
--color-5: #4CAF50;
}Palettes that share visual characteristics and color harmony.