Ravenclaw's Quiet Elegance Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Ravenclaw's Quiet Elegance palette
Ravenclaw's Quiet Elegance color palette PNG image
Ravenclaw's Quiet Elegance color palette CSS
/* CSS */
.color-1 {
color: #293c65;
}
.color-2 {
color: #5b7f9a;
}
.color-3 {
color: #a3c4d2;
}
.color-4 {
color: #e7b173;
}
.color-5 {
color: #d86d69;
}
/* CSS Variables */
:root {
--color-1: #293c65;
--color-2: #5b7f9a;
--color-3: #a3c4d2;
--color-4: #e7b173;
--color-5: #d86d69;
} Ravenclaw's Quiet Elegance background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #293c65, #5b7f9a, #a3c4d2, #e7b173, #d86d69);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #293c65, #5b7f9a, #a3c4d2, #e7b173, #d86d69);
} Similar color palettes
Scroll down to explore 200+ Blue color palettes
Ravenclaw's Quiet Elegance color palette created on .