Crimson Bloom Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Crimson Bloom palette
Color Inspiration
Images that showcase this color palette in real designs
Download Crimson Bloom Color Palette (PNG)
Crimson Bloom color palette CSS
/* CSS */
.color-1 {
color: #000000;
}
.color-2 {
color: #9c1c2d;
}
.color-3 {
color: #c03c39;
}
.color-4 {
color: #e06c6c;
}
.color-5 {
color: #f4a4a4;
}
/* CSS Variables */
:root {
--color-1: #000000;
--color-2: #9c1c2d;
--color-3: #c03c39;
--color-4: #e06c6c;
--color-5: #f4a4a4;
}
Crimson Bloom background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #000000, #9c1c2d, #c03c39, #e06c6c, #f4a4a4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #000000, #9c1c2d, #c03c39, #e06c6c, #f4a4a4);
}
Similar color palettes
Crimson Bloom color palette created on .