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 Light Vibrant Blue, Light Vibrant Blue, Light Vibrant 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 |
|---|---|---|---|---|---|
#9BB8FD | rgb(155, 184, 253) | hsl(222, 96%, 80%) | Light Vibrant Blue | View | |
#9BA0FD | rgb(155, 160, 253) | hsl(237, 96%, 80%) | Light Vibrant Blue | View | |
#AF9BFD | rgb(175, 155, 253) | hsl(252, 96%, 80%) | Light Vibrant Navy | View | |
#C79BFD | rgb(199, 155, 253) | hsl(267, 96%, 80%) | Light Vibrant Navy | View | |
#E09BFD | rgb(224, 155, 253) | hsl(282, 96%, 80%) | Light Vibrant Purple | View |
A sophisticated and deep Light Vibrant Blue scheme that projects authority and timeless stability.
Utilizing Light 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: #9BB8FD;
--color-2: #9BA0FD;
--color-3: #AF9BFD;
--color-4: #C79BFD;
--color-5: #E09BFD;
}Palettes that share visual characteristics and color harmony.