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 5-color combination featuring Vibrant Light Blue, Vibrant Light Blue, Vibrant Light Navy. Perfect for UI design, branding identities, and digital illustrations.
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 |
|---|---|---|---|---|---|
#9DB6FB | rgb(157, 182, 251) | hsl(224, 92%, 80%) | Vibrant Light Blue | View | |
#9D9FFB | rgb(157, 159, 251) | hsl(239, 92%, 80%) | Vibrant Light Blue | View | |
#B39DFB | rgb(179, 157, 251) | hsl(254, 92%, 80%) | Vibrant Light Navy | View | |
#CA9DFB | rgb(202, 157, 251) | hsl(269, 92%, 80%) | Vibrant Light Navy | View | |
#E29DFB | rgb(226, 157, 251) | hsl(284, 92%, 80%) | Vibrant Light Purple | View |
Centered around #9DB6FB, this dark blue palette offers a premium, high-trust visual foundation.
The interaction between these deep tones creates a luxury aesthetic suitable for high-end digital products. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.
:root {
--color-1: #9DB6FB;
--color-2: #9D9FFB;
--color-3: #B39DFB;
--color-4: #CA9DFB;
--color-5: #E29DFB;
}Palettes that share visual characteristics and color harmony.