Serene Jade Oasis Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Serene Jade Oasis palette

Share this palette to:

Download Serene Jade Oasis Color Palette (PNG)

Download serene jade oasis color palette PNG image (landscape)
Download serene jade oasis color palette PNG image (square)

Serene Jade Oasis color palette CSS

/* CSS */
.color-1 {
color: #00bdad;
}
.color-2 {
color: #007a6e;
}
.color-3 {
color: #004d38;
}
.color-4 {
color: #a2d7cf;
}
.color-5 {
color: #e2f8f1;
}

/* CSS Variables */
:root {
--color-1: #00bdad;
--color-2: #007a6e;
--color-3: #004d38;
--color-4: #a2d7cf;
--color-5: #e2f8f1;
}

Serene Jade Oasis background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bdad, #007a6e, #004d38, #a2d7cf, #e2f8f1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bdad, #007a6e, #004d38, #a2d7cf, #e2f8f1);
}

Serene Jade Oasis color palette created on .