Sugar Spun Dreams Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Sugar Spun Dreams palette

Share this palette to:

Download Sugar Spun Dreams Color Palette (PNG)

Download sugar spun dreams color palette PNG image (landscape)
Download sugar spun dreams color palette PNG image (square)

Sugar Spun Dreams color palette CSS

/* CSS */
.color-1 {
color: #ffb3db;
}
.color-2 {
color: #ff7092;
}
.color-3 {
color: #ffadad;
}
.color-4 {
color: #ffc29e;
}
.color-5 {
color: #d4a8ff;
}

/* CSS Variables */
:root {
--color-1: #ffb3db;
--color-2: #ff7092;
--color-3: #ffadad;
--color-4: #ffc29e;
--color-5: #d4a8ff;
}

Sugar Spun Dreams background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb3db, #ff7092, #ffadad, #ffc29e, #d4a8ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb3db, #ff7092, #ffadad, #ffc29e, #d4a8ff);
}

Sugar Spun Dreams color palette created on .