Azure Blue Dream Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Azure Blue Dream palette

Share this palette to:

Download Azure Blue Dream Color Palette (PNG)

Download azure blue dream color palette PNG image (landscape)
Download azure blue dream color palette PNG image (square)

Azure Blue Dream color palette CSS

/* CSS */
.color-1 {
color: #1e8ef1;
}
.color-2 {
color: #4ac7e3;
}
.color-3 {
color: #75e6d5;
}
.color-4 {
color: #a1f2b1;
}
.color-5 {
color: #e9f7b6;
}

/* CSS Variables */
:root {
--color-1: #1e8ef1;
--color-2: #4ac7e3;
--color-3: #75e6d5;
--color-4: #a1f2b1;
--color-5: #e9f7b6;
}

Azure Blue Dream background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e8ef1, #4ac7e3, #75e6d5, #a1f2b1, #e9f7b6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e8ef1, #4ac7e3, #75e6d5, #a1f2b1, #e9f7b6);
}

Azure Blue Dream color palette created on .