Crownshell Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Crownshell palette
Color Inspiration
Images that showcase this color palette in real designs
Download Crownshell Color Palette (PNG)
Crownshell color palette CSS
/* CSS */
.color-1 {
color: #ecd6a7;
}
.color-2 {
color: #e7af97;
}
.color-3 {
color: #cc8598;
}
.color-4 {
color: #ab6986;
}
.color-5 {
color: #764a7d;
}
/* CSS Variables */
:root {
--color-1: #ecd6a7;
--color-2: #e7af97;
--color-3: #cc8598;
--color-4: #ab6986;
--color-5: #764a7d;
} Crownshell background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ecd6a7, #e7af97, #cc8598, #ab6986, #764a7d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ecd6a7, #e7af97, #cc8598, #ab6986, #764a7d);
} Similar color palettes
Crownshell color palette created on .