Caramel Dreams Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Caramel Dreams palette
Color Inspiration
Images that showcase this color palette in real designs
Download Caramel Dreams Color Palette (PNG)
Caramel Dreams color palette CSS
/* CSS */
.color-1 {
color: #d79b70;
}
.color-2 {
color: #c68c5d;
}
.color-3 {
color: #af7d4b;
}
.color-4 {
color: #a56e3b;
}
.color-5 {
color: #7a4e1f;
}
/* CSS Variables */
:root {
--color-1: #d79b70;
--color-2: #c68c5d;
--color-3: #af7d4b;
--color-4: #a56e3b;
--color-5: #7a4e1f;
} Caramel Dreams background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d79b70, #c68c5d, #af7d4b, #a56e3b, #7a4e1f);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d79b70, #c68c5d, #af7d4b, #a56e3b, #7a4e1f);
} Similar color palettes
Caramel Dreams color palette created on .