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 minimal palette in triadic 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 |
|---|---|---|---|---|---|
#9E9EC0 | rgb(158, 158, 192) | hsl(240, 21%, 69%) | Muted Blue | View | |
#B09292 | rgb(176, 146, 146) | hsl(0, 16%, 63%) | Muted Red | View | |
#8CBD8C | rgb(140, 189, 140) | hsl(120, 27%, 65%) | Muted Green | View | |
#9494B7 | rgb(148, 148, 183) | hsl(240, 20%, 65%) | Muted Blue | View | |
#C9ACAC | rgb(201, 172, 172) | hsl(0, 21%, 73%) | Light Muted Red | View |
:root {
--color-1: #9E9EC0;
--color-2: #B09292;
--color-3: #8CBD8C;
--color-4: #9494B7;
--color-5: #C9ACAC;
}Palettes that share visual characteristics and color harmony.