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 earthy 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 |
|---|---|---|---|---|---|
#3833C0 | rgb(56, 51, 192) | hsl(242, 58%, 48%) | Soft Blue | View | |
#AE7432 | rgb(174, 116, 50) | hsl(32, 55%, 44%) | Dark Soft Orange | View | |
#72BC32 | rgb(114, 188, 50) | hsl(92, 58%, 47%) | Soft Green | View | |
#30AB71 | rgb(48, 171, 113) | hsl(152, 56%, 43%) | Dark Soft Emerald | View | |
#306097 | rgb(48, 96, 151) | hsl(212, 52%, 39%) | Dark Soft Blue | View |
This green-dominant palette evokes a sense of balance and professionalism.
The combination of Soft Blue and Dark Soft Orange creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #3833C0;
--color-2: #AE7432;
--color-3: #72BC32;
--color-4: #30AB71;
--color-5: #306097;
}Palettes that share visual characteristics and color harmony.