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 triadic 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 |
|---|---|---|---|---|---|
#652FEF | rgb(101, 47, 239) | hsl(257, 86%, 56%) | Pure Navy | View | |
#FB6D35 | rgb(251, 109, 53) | hsl(17, 96%, 60%) | Vibrant Orange | View | |
#09EB49 | rgb(9, 235, 73) | hsl(137, 93%, 48%) | Vibrant Green | View | |
#591CF3 | rgb(89, 28, 243) | hsl(257, 90%, 53%) | Pure Navy | View | |
#F67542 | rgb(246, 117, 66) | hsl(17, 91%, 61%) | Vibrant Orange | View |
:root {
--color-1: #652FEF;
--color-2: #FB6D35;
--color-3: #09EB49;
--color-4: #591CF3;
--color-5: #F67542;
}Palettes that share visual characteristics and color harmony.