Evergreen Harbor Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Evergreen Harbor palette
Color Inspiration
Images that showcase this color palette in real designs
Download Evergreen Harbor Color Palette (PNG)
Evergreen Harbor color palette CSS
/* CSS */
.color-1 {
color: #4f7d7d;
}
.color-2 {
color: #6fbe9e;
}
.color-3 {
color: #98e6b6;
}
.color-4 {
color: #f3e1a0;
}
.color-5 {
color: #f0a800;
}
/* CSS Variables */
:root {
--color-1: #4f7d7d;
--color-2: #6fbe9e;
--color-3: #98e6b6;
--color-4: #f3e1a0;
--color-5: #f0a800;
} Evergreen Harbor background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4f7d7d, #6fbe9e, #98e6b6, #f3e1a0, #f0a800);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4f7d7d, #6fbe9e, #98e6b6, #f3e1a0, #f0a800);
} Similar color palettes
Scroll down to explore 1000+ colors.evergreen color palettes
Evergreen Harbor color palette created on .