Brown Hot Chocolate Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Brown Hot Chocolate palette
Download Brown Hot Chocolate Color Palette (PNG)
Brown Hot Chocolate color palette CSS
/* CSS */
.color-1 {
color: #6f4c3e;
}
.color-2 {
color: #895b29;
}
.color-3 {
color: #d7a26a;
}
.color-4 {
color: #e8c187;
}
.color-5 {
color: #f4e2c3;
}
/* CSS Variables */
:root {
--color-1: #6f4c3e;
--color-2: #895b29;
--color-3: #d7a26a;
--color-4: #e8c187;
--color-5: #f4e2c3;
} Brown Hot Chocolate background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f4c3e, #895b29, #d7a26a, #e8c187, #f4e2c3);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f4c3e, #895b29, #d7a26a, #e8c187, #f4e2c3);
} Similar color palettes
Brown Hot Chocolate color palette created on .