Whispers of Autumn Dreams Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Whispers of Autumn Dreams palette

Share this palette to:

Whispers of Autumn Dreams color palette CSS

/* CSS */
.color-1 {
color: #dddfd8;
}
.color-2 {
color: #d6c795;
}
.color-3 {
color: #afc9de;
}
.color-4 {
color: #9f97d3;
}
.color-5 {
color: #cd985b;
}

/* CSS Variables */
:root {
--color-1: #dddfd8;
 --color-2: #d6c795;
 --color-3: #afc9de;
 --color-4: #9f97d3;
 --color-5: #cd985b;
 }

Whispers of Autumn Dreams background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #dddfd8, #d6c795, #afc9de, #9f97d3, #cd985b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #dddfd8, #d6c795, #afc9de, #9f97d3, #cd985b);
}

Similar color palettes

Whispers of Autumn Dreams color palette created on .