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 5-color combination featuring Pure Pink, Pure Pink, Pure Red. Perfect for UI design, branding identities, and digital illustrations.
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 |
|---|---|---|---|---|---|
#F024A2 | rgb(240, 36, 162) | hsl(323, 87%, 54%) | Pure Pink | View | |
#F0246E | rgb(240, 36, 110) | hsl(338, 87%, 54%) | Pure Pink | View | |
#F0243B | rgb(240, 36, 59) | hsl(353, 87%, 54%) | Pure Red | View | |
#F03F24 | rgb(240, 63, 36) | hsl(8, 87%, 54%) | Pure Red | View | |
#F07224 | rgb(240, 114, 36) | hsl(23, 87%, 54%) | Pure Orange | View |
Centered around #F024A2, this dark blue palette offers a premium, high-trust visual foundation.
Utilizing Pure Pink for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. A strong choice for heritage brands looking to modernize their digital presence.
:root {
--color-1: #F024A2;
--color-2: #F0246E;
--color-3: #F0243B;
--color-4: #F03F24;
--color-5: #F07224;
}Palettes that share visual characteristics and color harmony.