Spooky the cat Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Spooky the cat palette

Share this palette to:

Download Spooky the cat Color Palette (PNG)

Download spooky the cat color palette PNG image (landscape)
Download spooky the cat color palette PNG image (square)

Spooky the cat color palette CSS

/* CSS */
.color-1 {
color: #3d2a4c;
}
.color-2 {
color: #704d7a;
}
.color-3 {
color: #c18697;
}
.color-4 {
color: #f6b3b1;
}
.color-5 {
color: #ffb84d;
}

/* CSS Variables */
:root {
--color-1: #3d2a4c;
--color-2: #704d7a;
--color-3: #c18697;
--color-4: #f6b3b1;
--color-5: #ffb84d;
}

Spooky the cat background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3d2a4c, #704d7a, #c18697, #f6b3b1, #ffb84d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3d2a4c, #704d7a, #c18697, #f6b3b1, #ffb84d);
}

Spooky the cat color palette created on .