Serene Succulent Oasis Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Serene Succulent Oasis palette
Download Serene Succulent Oasis Color Palette (PNG)
Serene Succulent Oasis color palette CSS
/* CSS */
.color-1 {
color: #4a7c7d;
}
.color-2 {
color: #69b0a2;
}
.color-3 {
color: #a4dad6;
}
.color-4 {
color: #dff1f1;
}
.color-5 {
color: #f5f5f0;
}
/* CSS Variables */
:root {
--color-1: #4a7c7d;
--color-2: #69b0a2;
--color-3: #a4dad6;
--color-4: #dff1f1;
--color-5: #f5f5f0;
} Serene Succulent Oasis background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a7c7d, #69b0a2, #a4dad6, #dff1f1, #f5f5f0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a7c7d, #69b0a2, #a4dad6, #dff1f1, #f5f5f0);
} Similar color palettes
Scroll down to explore 2 Teal color palettes
Serene Succulent Oasis color palette created on .