Adeline Beaulieu Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Adeline Beaulieu palette
Color Inspiration
Images that showcase this color palette in real designs
Download Adeline Beaulieu Color Palette (PNG)
Adeline Beaulieu color palette CSS
/* CSS */
.color-1 {
color: #b57ab8;
}
.color-2 {
color: #f6c7a7;
}
.color-3 {
color: #d67351;
}
.color-4 {
color: #903131;
}
.color-5 {
color: #1c203b;
}
/* CSS Variables */
:root {
--color-1: #b57ab8;
--color-2: #f6c7a7;
--color-3: #d67351;
--color-4: #903131;
--color-5: #1c203b;
} Adeline Beaulieu background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b57ab8, #f6c7a7, #d67351, #903131, #1c203b);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b57ab8, #f6c7a7, #d67351, #903131, #1c203b);
} Similar color palettes
Scroll down to explore 50+ Lavender color palettes
Adeline Beaulieu color palette created on .