Paleta de colores Goddess Athena

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Goddess Athena palette

Compartir esta paleta en:

Descargar la paleta de colores Goddess Athena (PNG)

Download goddess athena color palette PNG image (landscape)
Download goddess athena color palette PNG image (square)

CSS de la paleta de colores Goddess Athena

/* CSS */
.color-1 {
color: #d1c2a3;
}
.color-2 {
color: #b68d6d;
}
.color-3 {
color: #9f5a3c;
}
.color-4 {
color: #7b3d3d;
}
.color-5 {
color: #4e2c2c;
}

/* CSS Variables */
:root {
--color-1: #d1c2a3;
--color-2: #b68d6d;
--color-3: #9f5a3c;
--color-4: #7b3d3d;
--color-5: #4e2c2c;
}

CSS del degradado de fondo Goddess Athena

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d1c2a3, #b68d6d, #9f5a3c, #7b3d3d, #4e2c2c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d1c2a3, #b68d6d, #9f5a3c, #7b3d3d, #4e2c2c);
}

Goddess Athena color palette created on .