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 cool palette in tetradic 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 |
|---|---|---|---|---|---|
#D34493 | rgb(211, 68, 147) | hsl(327, 62%, 55%) | Pink | View | |
#D4CF6E | rgb(212, 207, 110) | hsl(57, 54%, 63%) | Soft Yellow | View | |
#49D287 | rgb(73, 210, 135) | hsl(147, 60%, 55%) | Emerald | View | |
#484FD6 | rgb(72, 79, 214) | hsl(237, 63%, 56%) | Blue | View | |
#D463A1 | rgb(212, 99, 161) | hsl(327, 57%, 61%) | Soft Pink | View | |
#D8D151 | rgb(216, 209, 81) | hsl(57, 63%, 58%) | Yellow | View |
:root {
--color-1: #D34493;
--color-2: #D4CF6E;
--color-3: #49D287;
--color-4: #484FD6;
--color-5: #D463A1;
--color-6: #D8D151;
}Palettes that share visual characteristics and color harmony.