Corpse of Hector Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Corpse of Hector palette

Share this palette to:

Corpse of Hector color palette PNG image

Download corpse of hector color palette PNG image (landscape)
Download corpse of hector color palette PNG image (square)

Corpse of Hector color palette CSS

/* CSS */
.color-1 {
color: #3a171a;
}
.color-2 {
color: #62272a;
}
.color-3 {
color: #84393b;
}
.color-4 {
color: #b56a5e;
}
.color-5 {
color: #be7e85;
}

/* CSS Variables */
:root {
--color-1: #3a171a;
--color-2: #62272a;
--color-3: #84393b;
--color-4: #b56a5e;
--color-5: #be7e85;
}

Corpse of Hector background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a171a, #62272a, #84393b, #b56a5e, #be7e85);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a171a, #62272a, #84393b, #b56a5e, #be7e85);
}

Corpse of Hector color palette created on .