Yellow Pencil Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Yellow Pencil palette
Color Inspiration
Images that showcase this color palette in real designs
Download Yellow Pencil Color Palette (PNG)
Yellow Pencil color palette CSS
/* CSS */
.color-1 {
color: #f0a800;
}
.color-2 {
color: #e0b400;
}
.color-3 {
color: #c7b300;
}
.color-4 {
color: #a8a000;
}
.color-5 {
color: #7e8a00;
}
/* CSS Variables */
:root {
--color-1: #f0a800;
--color-2: #e0b400;
--color-3: #c7b300;
--color-4: #a8a000;
--color-5: #7e8a00;
} Yellow Pencil background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0a800, #e0b400, #c7b300, #a8a000, #7e8a00);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0a800, #e0b400, #c7b300, #a8a000, #7e8a00);
} Similar color palettes
Yellow Pencil color palette created on .