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 mystery palette featuring Vibrant Navy, Vibrant Navy, Vibrant Navy.
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 |
|---|---|---|---|---|---|
#2D00F7 | rgb(45, 0, 247) | hsl(251, 100%, 48%) | Vibrant Navy | View | |
#6A00F4 | rgb(106, 0, 244) | hsl(266, 100%, 48%) | Vibrant Navy | View | |
#8900F2 | rgb(137, 0, 242) | hsl(274, 100%, 47%) | Vibrant Navy | View | |
#A100F2 | rgb(161, 0, 242) | hsl(280, 100%, 47%) | Vibrant Purple | View | |
#B100E8 | rgb(177, 0, 232) | hsl(286, 100%, 45%) | Vibrant Purple | View | |
#BC00DD | rgb(188, 0, 221) | hsl(291, 100%, 43%) | Dark Vibrant Purple | View | |
#D100D1 | rgb(209, 0, 209) | hsl(300, 100%, 41%) | Dark Vibrant Purple | View | |
#DB00B6 | rgb(219, 0, 182) | hsl(310, 100%, 43%) | Dark Vibrant Pink | View | |
#E500A4 | rgb(229, 0, 164) | hsl(317, 100%, 45%) | Vibrant Pink | View | |
#F20089 | rgb(242, 0, 137) | hsl(326, 100%, 47%) | Vibrant Pink | View |
This purple-dominant palette evokes a sense of balance and professionalism.
The combination of Vibrant Navy and Vibrant Navy creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #2D00F7;
--color-2: #6A00F4;
--color-3: #8900F2;
--color-4: #A100F2;
--color-5: #B100E8;
--color-6: #BC00DD;
--color-7: #D100D1;
--color-8: #DB00B6;
--color-9: #E500A4;
--color-10: #F20089;
}Palettes that share visual characteristics and color harmony.