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 |
|---|---|---|---|---|---|
#602F69 | rgb(96, 47, 105) | hsl(291, 38%, 30%) | Dark Muted Purple | View | |
#6E345A | rgb(110, 52, 90) | hsl(321, 36%, 32%) | Dark Muted Pink | View | |
#753A42 | rgb(117, 58, 66) | hsl(352, 34%, 34%) | Dark Muted Red | View | |
#7B4F38 | rgb(123, 79, 56) | hsl(21, 37%, 35%) | Burnt Orange | View | |
#6D663D | rgb(109, 102, 61) | hsl(51, 28%, 33%) | Dark Muted Yellow | View | |
#516036 | rgb(81, 96, 54) | hsl(81, 28%, 29%) | Dark Muted Lime | View |
This cyan-dominant palette evokes a sense of balance and professionalism.
The combination of Dark Muted Purple and Dark Muted Pink creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #602F69;
--color-2: #6E345A;
--color-3: #753A42;
--color-4: #7B4F38;
--color-5: #6D663D;
--color-6: #516036;
}Palettes that share visual characteristics and color harmony.