Whisker Wonders Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Whisker Wonders palette
Color Inspiration
Images that showcase this color palette in real designs
Download Whisker Wonders Color Palette (PNG)
Whisker Wonders color palette CSS
/* CSS */
.color-1 {
color: #e4b4c3;
}
.color-2 {
color: #a4798d;
}
.color-3 {
color: #7c4b63;
}
.color-4 {
color: #502b3b;
}
.color-5 {
color: #2d1a25;
}
/* CSS Variables */
:root {
--color-1: #e4b4c3;
--color-2: #a4798d;
--color-3: #7c4b63;
--color-4: #502b3b;
--color-5: #2d1a25;
}
Whisker Wonders background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4b4c3, #a4798d, #7c4b63, #502b3b, #2d1a25);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4b4c3, #a4798d, #7c4b63, #502b3b, #2d1a25);
}
Similar color palettes
Whisker Wonders color palette created on .