Electric Sunset Dream Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Electric Sunset Dream palette

Share this palette to:

Download Electric Sunset Dream Color Palette (PNG)

Download electric sunset dream color palette PNG image (landscape)
Download electric sunset dream color palette PNG image (square)

Electric Sunset Dream color palette CSS

/* CSS */
.color-1 {
color: #ff99cc;
}
.color-2 {
color: #00aaff;
}
.color-3 {
color: #6a5bcd;
}
.color-4 {
color: #ffcc00;
}
.color-5 {
color: #ff5833;
}

/* CSS Variables */
:root {
--color-1: #ff99cc;
--color-2: #00aaff;
--color-3: #6a5bcd;
--color-4: #ffcc00;
--color-5: #ff5833;
}

Electric Sunset Dream background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff99cc, #00aaff, #6a5bcd, #ffcc00, #ff5833);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff99cc, #00aaff, #6a5bcd, #ffcc00, #ff5833);
}

Electric Sunset Dream color palette created on .