Nature's Art Deco Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Nature's Art Deco palette
Nature's Art Deco color palette PNG image
Nature's Art Deco color palette CSS
/* CSS */
.color-1 {
color: #a9dab6;
}
.color-2 {
color: #e2b8a1;
}
.color-3 {
color: #f2e6d9;
}
.color-4 {
color: #b6c9d8;
}
.color-5 {
color: #f1a8a2;
}
/* CSS Variables */
:root {
--color-1: #a9dab6;
--color-2: #e2b8a1;
--color-3: #f2e6d9;
--color-4: #b6c9d8;
--color-5: #f1a8a2;
} Nature's Art Deco background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a9dab6, #e2b8a1, #f2e6d9, #b6c9d8, #f1a8a2);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a9dab6, #e2b8a1, #f2e6d9, #b6c9d8, #f1a8a2);
} Similar color palettes
Nature's Art Deco color palette created on .