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 vibrant palette featuring Deep Vibrant Sky Blue, Dark Soft Blue, Dark Muted Navy.
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 |
|---|---|---|---|---|---|
#003F5C | rgb(0, 63, 92) | hsl(199, 100%, 18%) | Deep Vibrant Sky Blue | View | |
#2F4B7C | rgb(47, 75, 124) | hsl(218, 45%, 34%) | Dark Soft Blue | View | |
#665191 | rgb(102, 81, 145) | hsl(260, 28%, 44%) | Dark Muted Navy | View | |
#A05195 | rgb(160, 81, 149) | hsl(308, 33%, 47%) | Muted Pink | View | |
#D45087 | rgb(212, 80, 135) | hsl(335, 61%, 57%) | Pink | View | |
#F95D6A | rgb(249, 93, 106) | hsl(355, 93%, 67%) | Vibrant Red | View | |
#FF7C43 | rgb(255, 124, 67) | hsl(18, 100%, 63%) | Vibrant Orange | View | |
#FFA600 | rgb(255, 166, 0) | hsl(39, 100%, 50%) | Vibrant Amber | View |
This soft Deep Vibrant Sky Blue palette brings a sense of serene tranquility and modern airiness.
Using Deep Vibrant Sky Blue as a primary surface creates an environment of focused relaxation and clarity. Ideal for healthcare platforms, meditation apps, or any interface that values breathing room.
:root {
--color-1: #003F5C;
--color-2: #2F4B7C;
--color-3: #665191;
--color-4: #A05195;
--color-5: #D45087;
--color-6: #F95D6A;
--color-7: #FF7C43;
--color-8: #FFA600;
}Palettes that share visual characteristics and color harmony.