Jake the Dog Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Jake the Dog palette

Share this palette to:

Jake the Dog color palette PNG image

Download jake the dog color palette PNG image (landscape)
Download jake the dog color palette PNG image (square)

Jake the Dog color palette CSS

/* CSS */
.color-1 {
color: #ffcc00;
}
.color-2 {
color: #ffbb33;
}
.color-3 {
color: #ff9933;
}
.color-4 {
color: #ff6633;
}
.color-5 {
color: #ff4242;
}

/* CSS Variables */
:root {
--color-1: #ffcc00;
--color-2: #ffbb33;
--color-3: #ff9933;
--color-4: #ff6633;
--color-5: #ff4242;
}

Jake the Dog background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffcc00, #ffbb33, #ff9933, #ff6633, #ff4242);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffcc00, #ffbb33, #ff9933, #ff6633, #ff4242);
}

Jake the Dog color palette created on .