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 warm 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 |
|---|---|---|---|---|---|
#732FE7 | rgb(115, 47, 231) | hsl(262, 79%, 55%) | Pure Navy | View | |
#D931F3 | rgb(217, 49, 243) | hsl(292, 89%, 57%) | Pure Purple | View | |
#F038AC | rgb(240, 56, 172) | hsl(322, 86%, 58%) | Pure Pink | View | |
#EB1B37 | rgb(235, 27, 55) | hsl(352, 84%, 51%) | Pure Red | View | |
#EB864C | rgb(235, 134, 76) | hsl(22, 80%, 61%) | Pure Orange | View | |
#EAD023 | rgb(234, 208, 35) | hsl(52, 83%, 53%) | Pure Yellow | View |
:root {
--color-1: #732FE7;
--color-2: #D931F3;
--color-3: #F038AC;
--color-4: #EB1B37;
--color-5: #EB864C;
--color-6: #EAD023;
}Palettes that share visual characteristics and color harmony.