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 imagination palette featuring Dark Vibrant Purple, Navy, Soft Blue.
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 |
|---|---|---|---|---|---|
#7400B8 | rgb(116, 0, 184) | hsl(278, 100%, 36%) | Dark Vibrant Purple | View | |
#6930C3 | rgb(105, 48, 195) | hsl(263, 60%, 48%) | Navy | View | |
#5E60CE | rgb(94, 96, 206) | hsl(239, 53%, 59%) | Soft Blue | View | |
#5390D9 | rgb(83, 144, 217) | hsl(213, 64%, 59%) | Blue | View | |
#4EA8DE | rgb(78, 168, 222) | hsl(203, 69%, 59%) | Blue | View | |
#48BFE3 | rgb(72, 191, 227) | hsl(194, 73%, 59%) | Sky Blue | View | |
#56CFE1 | rgb(86, 207, 225) | hsl(188, 70%, 61%) | Sky Blue | View | |
#64DFDF | rgb(100, 223, 223) | hsl(180, 66%, 63%) | Cyan | View | |
#72EFDD | rgb(114, 239, 221) | hsl(171, 80%, 69%) | Pure Cyan | View | |
#80FFDB | rgb(128, 255, 219) | hsl(163, 100%, 75%) | Light Vibrant Emerald | View |
This blue-dominant palette evokes a sense of balance and professionalism.
The combination of Dark Vibrant Purple and Navy creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #7400B8;
--color-2: #6930C3;
--color-3: #5E60CE;
--color-4: #5390D9;
--color-5: #4EA8DE;
--color-6: #48BFE3;
--color-7: #56CFE1;
--color-8: #64DFDF;
--color-9: #72EFDD;
--color-10: #80FFDB;
}Palettes that share visual characteristics and color harmony.