Boy version of Dalila Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Boy version of Dalila palette

Share this palette to:

Boy version of Dalila color palette PNG image

Download boy version of dalila color palette PNG image (landscape)
Download boy version of dalila color palette PNG image (square)

Boy version of Dalila color palette CSS

/* CSS */
.color-1 {
color: #1d4f8b;
}
.color-2 {
color: #5b8cbe;
}
.color-3 {
color: #8cb9e8;
}
.color-4 {
color: #f0ca4c;
}
.color-5 {
color: #d2565a;
}

/* CSS Variables */
:root {
--color-1: #1d4f8b;
--color-2: #5b8cbe;
--color-3: #8cb9e8;
--color-4: #f0ca4c;
--color-5: #d2565a;
}

Boy version of Dalila background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d4f8b, #5b8cbe, #8cb9e8, #f0ca4c, #d2565a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d4f8b, #5b8cbe, #8cb9e8, #f0ca4c, #d2565a);
}

Boy version of Dalila color palette created on .