Loading...
Orange Vanilla Dream Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Orange Vanilla Dream palette
Download Orange Vanilla Dream Color Palette (PNG)
Orange Vanilla Dream color palette CSS
/* CSS */
.color-1 {
color: #ff8052;
}
.color-2 {
color: #ffb24d;
}
.color-3 {
color: #ffe0a3;
}
.color-4 {
color: #ffe9d6;
}
.color-5 {
color: #fffaf0;
}
/* CSS Variables */
:root {
--color-1: #ff8052;
--color-2: #ffb24d;
--color-3: #ffe0a3;
--color-4: #ffe9d6;
--color-5: #fffaf0;
} Orange Vanilla Dream background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff8052, #ffb24d, #ffe0a3, #ffe9d6, #fffaf0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff8052, #ffb24d, #ffe0a3, #ffe9d6, #fffaf0);
} Similar color palettes
Orange Vanilla Dream color palette created on .