Angelic Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Angelic palette
Color Inspiration
Images that showcase this color palette in real designs
Download Angelic Color Palette (PNG)
Angelic color palette CSS
/* CSS */
.color-1 {
color: #f4ebff;
}
.color-2 {
color: #e6d4f2;
}
.color-3 {
color: #f9cde4;
}
.color-4 {
color: #ffd1d5;
}
.color-5 {
color: #ffedcc;
}
/* CSS Variables */
:root {
--color-1: #f4ebff;
--color-2: #e6d4f2;
--color-3: #f9cde4;
--color-4: #ffd1d5;
--color-5: #ffedcc;
}
Angelic background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4ebff, #e6d4f2, #f9cde4, #ffd1d5, #ffedcc);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4ebff, #e6d4f2, #f9cde4, #ffd1d5, #ffedcc);
}
Similar color palettes
Scroll down to explore 100+ Pastel color palettes
Angelic color palette created on .