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 trending palette featuring Midnight, Dark Pure Navy, Dark Pure 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 |
|---|---|---|---|---|---|
#1F0620 | rgb(31, 6, 32) | hsl(298, 68%, 7%) | Midnight | View | |
#6816B1 | rgb(104, 22, 177) | hsl(272, 78%, 39%) | Dark Pure Navy | View | |
#340E9B | rgb(52, 14, 155) | hsl(256, 83%, 33%) | Dark Pure Navy | View | |
#132AE3 | rgb(19, 42, 227) | hsl(233, 85%, 48%) | Pure Blue | View | |
#E647CF | rgb(230, 71, 207) | hsl(309, 76%, 59%) | Pure Pink | View | |
#F4B3E9 | rgb(244, 179, 233) | hsl(310, 75%, 83%) | Light Pink | View | |
#FEFBFA | rgb(254, 251, 250) | hsl(15, 67%, 99%) | Pure White | View | |
#FFFEFE | rgb(255, 254, 254) | hsl(0, 100%, 100%) | Pure White | View |
This blue-dominant palette evokes a sense of balance and professionalism.
The combination of Midnight and Dark Pure Navy creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #1F0620;
--color-2: #6816B1;
--color-3: #340E9B;
--color-4: #132AE3;
--color-5: #E647CF;
--color-6: #F4B3E9;
--color-7: #FEFBFA;
--color-8: #FFFEFE;
}Palettes that share visual characteristics and color harmony.