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 in analogous tones.
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 |
|---|---|---|---|---|---|
#352460 | rgb(53, 36, 96) | hsl(257, 45%, 26%) | Midnight Navy | View | |
#4C1E59 | rgb(76, 30, 89) | hsl(287, 50%, 23%) | Deep Soft Purple | View | |
#5F214D | rgb(95, 33, 77) | hsl(317, 48%, 25%) | Dark Soft Pink | View | |
#5D1F2C | rgb(93, 31, 44) | hsl(347, 50%, 24%) | Deep Soft Red | View | |
#603322 | rgb(96, 51, 34) | hsl(16, 48%, 25%) | Burnt Orange | View |
A sophisticated and deep Midnight Navy scheme that projects authority and timeless stability.
The interaction between these deep tones creates a luxury aesthetic suitable for high-end digital products. A strong choice for heritage brands looking to modernize their digital presence.
:root {
--color-1: #352460;
--color-2: #4C1E59;
--color-3: #5F214D;
--color-4: #5D1F2C;
--color-5: #603322;
}Palettes that share visual characteristics and color harmony.