Paleta de colores Mother Nature

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Mother Nature palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Mother Nature

Download mother nature color palette PNG image (landscape)
Download mother nature color palette PNG image (square)

CSS de la paleta de colores Mother Nature

/* CSS */
.color-1 {
color: #4f8c5c;
}
.color-2 {
color: #79b4a1;
}
.color-3 {
color: #afe4da;
}
.color-4 {
color: #f6d1c1;
}
.color-5 {
color: #d8a57d;
}

/* CSS Variables */
:root {
--color-1: #4f8c5c;
 --color-2: #79b4a1;
 --color-3: #afe4da;
 --color-4: #f6d1c1;
 --color-5: #d8a57d;
 }

CSS del degradado de fondo Mother Nature

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4f8c5c, #79b4a1, #afe4da, #f6d1c1, #d8a57d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4f8c5c, #79b4a1, #afe4da, #f6d1c1, #d8a57d);
}

Paletas de colores similares

Mother Nature color palette created on .