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 dark palette featuring Midnight, Midnight Navy, Midnight 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 |
|---|---|---|---|---|---|
#10002B | rgb(16, 0, 43) | hsl(262, 100%, 8%) | Midnight | View | |
#240046 | rgb(36, 0, 70) | hsl(271, 100%, 14%) | Midnight Navy | View | |
#3C096C | rgb(60, 9, 108) | hsl(271, 85%, 23%) | Midnight Navy | View | |
#5A189A | rgb(90, 24, 154) | hsl(270, 73%, 35%) | Dark Navy | View | |
#7B2FBE | rgb(123, 47, 190) | hsl(272, 60%, 46%) | Navy | View | |
#9D4EDD | rgb(157, 78, 221) | hsl(273, 68%, 59%) | Navy | View | |
#C19EE0 | rgb(193, 158, 224) | hsl(272, 52%, 75%) | Light Soft Navy | View |
:root {
--color-1: #10002B;
--color-2: #240046;
--color-3: #3C096C;
--color-4: #5A189A;
--color-5: #7B2FBE;
--color-6: #9D4EDD;
--color-7: #C19EE0;
}Palettes that share visual characteristics and color harmony.