Paleta de colores Earthy Brown

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Earthy Brown palette

Compartir esta paleta en:

Descargar la paleta de colores Earthy Brown (PNG)

Download earthy brown color palette PNG image (landscape)
Download earthy brown color palette PNG image (square)

CSS de la paleta de colores Earthy Brown

/* CSS */
.color-1 {
color: #d0a06c;
}
.color-2 {
color: #bf895a;
}
.color-3 {
color: #a56c4a;
}
.color-4 {
color: #6a4a39;
}
.color-5 {
color: #4b3d2a;
}

/* CSS Variables */
:root {
--color-1: #d0a06c;
 --color-2: #bf895a;
 --color-3: #a56c4a;
 --color-4: #6a4a39;
 --color-5: #4b3d2a;
 }

CSS del degradado de fondo Earthy Brown

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d0a06c, #bf895a, #a56c4a, #6a4a39, #4b3d2a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d0a06c, #bf895a, #a56c4a, #6a4a39, #4b3d2a);
}

Paletas de colores similares

Earthy Brown color palette created on .