Toodles Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Toodles palette
Color Inspiration
Images that showcase this color palette in real designs
Download Toodles Color Palette (PNG)
Toodles color palette CSS
/* CSS */
.color-1 {
color: #b1b2be;
}
.color-2 {
color: #ffffff;
}
.color-3 {
color: #656872;
}
.color-4 {
color: #46464e;
}
.color-5 {
color: #101019;
}
/* CSS Variables */
:root {
--color-1: #b1b2be;
--color-2: #ffffff;
--color-3: #656872;
--color-4: #46464e;
--color-5: #101019;
}
Toodles background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b1b2be, #ffffff, #656872, #46464e, #101019);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b1b2be, #ffffff, #656872, #46464e, #101019);
}
Similar color palettes
Scroll down to explore 100+ Gray color palettes
Toodles color palette created on .