Coastal Sunset Harmony Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Coastal Sunset Harmony palette
Download Coastal Sunset Harmony Color Palette (PNG)
Coastal Sunset Harmony color palette CSS
/* CSS */
.color-1 {
color: #f8d3a0;
}
.color-2 {
color: #f4a462;
}
.color-3 {
color: #e76e50;
}
.color-4 {
color: #2a9d90;
}
.color-5 {
color: #274754;
}
/* CSS Variables */
:root {
--color-1: #f8d3a0;
--color-2: #f4a462;
--color-3: #e76e50;
--color-4: #2a9d90;
--color-5: #274754;
} Coastal Sunset Harmony background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8d3a0, #f4a462, #e76e50, #2a9d90, #274754);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8d3a0, #f4a462, #e76e50, #2a9d90, #274754);
} Similar color palettes
Scroll down to explore 4 Aesthetic color palettes
Coastal Sunset Harmony color palette created on .