Paleta de colores Tranquil Earth and Water
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Tranquil Earth and Water palette
CSS de la paleta de colores Tranquil Earth and Water
/* CSS */
.color-1 {
color: #a8d8e1;
}
.color-2 {
color: #6cc6b5;
}
.color-3 {
color: #4f9c7e;
}
.color-4 {
color: #d6b57a;
}
.color-5 {
color: #c79a7a;
}
/* CSS Variables */
:root {
--color-1: #a8d8e1;
--color-2: #6cc6b5;
--color-3: #4f9c7e;
--color-4: #d6b57a;
--color-5: #c79a7a;
}
CSS del degradado de fondo Tranquil Earth and Water
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a8d8e1, #6cc6b5, #4f9c7e, #d6b57a, #c79a7a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a8d8e1, #6cc6b5, #4f9c7e, #d6b57a, #c79a7a);
}
Paletas de colores similares
Tranquil Earth and Water color palette created on .