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 love palette featuring Pale Red, Pale Vibrant Pink, Light Vibrant Pink.
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 |
|---|---|---|---|---|---|
#FADDE1 | rgb(250, 221, 225) | hsl(352, 74%, 92%) | Pale Red | View | |
#FFC4D6 | rgb(255, 196, 214) | hsl(342, 100%, 88%) | Pale Vibrant Pink | View | |
#FFA6C1 | rgb(255, 166, 193) | hsl(342, 100%, 83%) | Light Vibrant Pink | View | |
#FF87AB | rgb(255, 135, 171) | hsl(342, 100%, 76%) | Light Vibrant Pink | View | |
#FF5D8F | rgb(255, 93, 143) | hsl(341, 100%, 68%) | Vibrant Pink | View | |
#FF97B7 | rgb(255, 151, 183) | hsl(342, 100%, 80%) | Light Vibrant Pink | View | |
#FFACC5 | rgb(255, 172, 197) | hsl(342, 100%, 84%) | Light Vibrant Pink | View | |
#FFCAD4 | rgb(255, 202, 212) | hsl(349, 100%, 90%) | Pale Vibrant Red | View | |
#F4ACB7 | rgb(244, 172, 183) | hsl(351, 77%, 82%) | Light Pure Red | View |
This red-dominant palette evokes a sense of balance and professionalism.
The combination of Pale Red and Pale Vibrant Pink creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #FADDE1;
--color-2: #FFC4D6;
--color-3: #FFA6C1;
--color-4: #FF87AB;
--color-5: #FF5D8F;
--color-6: #FF97B7;
--color-7: #FFACC5;
--color-8: #FFCAD4;
--color-9: #F4ACB7;
}Palettes that share visual characteristics and color harmony.