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 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 | |
#7B2CBF | rgb(123, 44, 191) | hsl(272, 63%, 46%) | Navy | View | |
#9D4EDD | rgb(157, 78, 221) | hsl(273, 68%, 59%) | Navy | View | |
#C77DFF | rgb(199, 125, 255) | hsl(274, 100%, 75%) | Light Vibrant Navy | View | |
#E0AAFF | rgb(224, 170, 255) | hsl(278, 100%, 83%) | Light Vibrant Purple | View |
This purple-dominant palette evokes a sense of balance and professionalism.
The combination of Midnight and Midnight Navy creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #10002B;
--color-2: #240046;
--color-3: #3C096C;
--color-4: #5A189A;
--color-5: #7B2CBF;
--color-6: #9D4EDD;
--color-7: #C77DFF;
--color-8: #E0AAFF;
}Palettes that share visual characteristics and color harmony.