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 split-comp 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 |
|---|---|---|---|---|---|
#D48080 | rgb(212, 128, 128) | hsl(0, 49%, 67%) | Soft Red | View | |
#75D9A7 | rgb(117, 217, 167) | hsl(150, 57%, 65%) | Soft Emerald | View | |
#73A5D6 | rgb(115, 165, 214) | hsl(210, 55%, 65%) | Soft Blue | View | |
#925EC6 | rgb(146, 94, 198) | hsl(270, 48%, 57%) | Soft Navy | View | |
#CC498A | rgb(204, 73, 138) | hsl(330, 56%, 54%) | Soft Pink | View | |
#C58B52 | rgb(197, 139, 82) | hsl(30, 50%, 55%) | Soft Orange | View |
This cyan-dominant palette evokes a sense of balance and professionalism.
The combination of Soft Red and Soft Emerald creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #D48080;
--color-2: #75D9A7;
--color-3: #73A5D6;
--color-4: #925EC6;
--color-5: #CC498A;
--color-6: #C58B52;
}Palettes that share visual characteristics and color harmony.