Siren's Treasure Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Siren's Treasure palette
Color Inspiration
Images that showcase this color palette in real designs
Download Siren's Treasure Color Palette (PNG)
Siren's Treasure color palette CSS
/* CSS */
.color-1 {
color: #a54a4a;
}
.color-2 {
color: #a76c6c;
}
.color-3 {
color: #d6a199;
}
.color-4 {
color: #e5c1b3;
}
.color-5 {
color: #f2e2d9;
}
/* CSS Variables */
:root {
--color-1: #a54a4a;
--color-2: #a76c6c;
--color-3: #d6a199;
--color-4: #e5c1b3;
--color-5: #f2e2d9;
} Siren's Treasure background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a54a4a, #a76c6c, #d6a199, #e5c1b3, #f2e2d9);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a54a4a, #a76c6c, #d6a199, #e5c1b3, #f2e2d9);
} Similar color palettes
Siren's Treasure color palette created on .