Pastel Yellow and Light Blue Dream Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Pastel Yellow and Light Blue Dream palette
Pastel Yellow and Light Blue Dream color palette CSS
/* CSS */
.color-1 {
color: #f9e46c;
}
.color-2 {
color: #a3c3e0;
}
.color-3 {
color: #f5c8a3;
}
.color-4 {
color: #f4e1b3;
}
.color-5 {
color: #a9d9ea;
}
/* CSS Variables */
:root {
--color-1: #f9e46c;
--color-2: #a3c3e0;
--color-3: #f5c8a3;
--color-4: #f4e1b3;
--color-5: #a9d9ea;
} Pastel Yellow and Light Blue Dream background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9e46c, #a3c3e0, #f5c8a3, #f4e1b3, #a9d9ea);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9e46c, #a3c3e0, #f5c8a3, #f4e1b3, #a9d9ea);
} Similar color palettes
Pastel Yellow and Light Blue Dream color palette created on .