Paleta de colores Powder Ash

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Powder Ash palette

Compartir esta paleta en:

Descargar la paleta de colores Powder Ash (PNG)

Download powder ash color palette PNG image (landscape)
Download powder ash color palette PNG image (square)

CSS de la paleta de colores Powder Ash

/* CSS */
.color-1 {
color: #bbc9c1;
}
.color-2 {
color: #a4b7b3;
}
.color-3 {
color: #8ea4a2;
}
.color-4 {
color: #f2dfd4;
}
.color-5 {
color: #e6b1a8;
}

/* CSS Variables */
:root {
--color-1: #bbc9c1;
--color-2: #a4b7b3;
--color-3: #8ea4a2;
--color-4: #f2dfd4;
--color-5: #e6b1a8;
}

CSS del degradado de fondo Powder Ash

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #bbc9c1, #a4b7b3, #8ea4a2, #f2dfd4, #e6b1a8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #bbc9c1, #a4b7b3, #8ea4a2, #f2dfd4, #e6b1a8);
}

Powder Ash color palette created on .