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 neon palette in complementary tones.
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 |
|---|---|---|---|---|---|
#6C00FA | rgb(108, 0, 250) | hsl(266, 100%, 49%) | Vibrant Navy | View | |
#91FF00 | rgb(145, 255, 0) | hsl(86, 100%, 50%) | Vibrant Green | View | |
#7610FC | rgb(118, 16, 252) | hsl(266, 98%, 53%) | Vibrant Navy | View | |
#94FF09 | rgb(148, 255, 9) | hsl(86, 100%, 52%) | Vibrant Green | View | |
#7917F9 | rgb(121, 23, 249) | hsl(266, 95%, 53%) | Vibrant Navy | View |
This cyan-dominant palette evokes a sense of balance and professionalism.
The combination of Vibrant Navy and Vibrant Green creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #6C00FA;
--color-2: #91FF00;
--color-3: #7610FC;
--color-4: #94FF09;
--color-5: #7917F9;
}Palettes that share visual characteristics and color harmony.