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 calm palette featuring Deep Vibrant Blue, Deep Vibrant Blue, Dark Vibrant 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 |
|---|---|---|---|---|---|
#012A4A | rgb(1, 42, 74) | hsl(206, 97%, 15%) | Deep Vibrant Blue | View | |
#013A63 | rgb(1, 58, 99) | hsl(205, 98%, 20%) | Deep Vibrant Blue | View | |
#01497C | rgb(1, 73, 124) | hsl(205, 98%, 25%) | Dark Vibrant Blue | View | |
#014F86 | rgb(1, 79, 134) | hsl(205, 99%, 26%) | Dark Vibrant Blue | View | |
#2A6F97 | rgb(42, 111, 151) | hsl(202, 56%, 38%) | Dark Soft Blue | View | |
#2C7DA0 | rgb(44, 125, 160) | hsl(198, 57%, 40%) | Dark Soft Sky Blue | View | |
#468FAF | rgb(70, 143, 175) | hsl(198, 43%, 48%) | Soft Sky Blue | View | |
#61A5C2 | rgb(97, 165, 194) | hsl(198, 44%, 57%) | Soft Sky Blue | View | |
#89C2D9 | rgb(137, 194, 217) | hsl(197, 51%, 69%) | Soft Sky Blue | View | |
#A9D6E5 | rgb(169, 214, 229) | hsl(195, 54%, 78%) | Light Soft Sky Blue | View |
A sophisticated and deep Deep Vibrant Blue scheme that projects authority and timeless stability.
Utilizing Deep Vibrant Blue for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.
:root {
--color-1: #012A4A;
--color-2: #013A63;
--color-3: #01497C;
--color-4: #014F86;
--color-5: #2A6F97;
--color-6: #2C7DA0;
--color-7: #468FAF;
--color-8: #61A5C2;
--color-9: #89C2D9;
--color-10: #A9D6E5;
}Palettes that share visual characteristics and color harmony.