Golden Pound Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Golden Pound palette
Color Inspiration
Images that showcase this color palette in real designs
Download Golden Pound Color Palette (PNG)
Golden Pound color palette CSS
/* CSS */
.color-1 {
color: #d8aa6e;
}
.color-2 {
color: #f1c179;
}
.color-3 {
color: #f9d89a;
}
.color-4 {
color: #f39f3f;
}
.color-5 {
color: #d66351;
}
/* CSS Variables */
:root {
--color-1: #d8aa6e;
--color-2: #f1c179;
--color-3: #f9d89a;
--color-4: #f39f3f;
--color-5: #d66351;
} Golden Pound background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d8aa6e, #f1c179, #f9d89a, #f39f3f, #d66351);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d8aa6e, #f1c179, #f9d89a, #f39f3f, #d66351);
} Similar color palettes
Golden Pound color palette created on .