Paleta de colores Oak Poet

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Oak Poet palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Oak Poet

Download oak poet color palette PNG image (landscape)
Download oak poet color palette PNG image (square)

CSS de la paleta de colores Oak Poet

/* CSS */
.color-1 {
color: #794a39;
}
.color-2 {
color: #a65e3a;
}
.color-3 {
color: #d5884d;
}
.color-4 {
color: #e3b759;
}
.color-5 {
color: #ede8a6;
}

/* CSS Variables */
:root {
--color-1: #794a39;
 --color-2: #a65e3a;
 --color-3: #d5884d;
 --color-4: #e3b759;
 --color-5: #ede8a6;
 }

CSS del degradado de fondo Oak Poet

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #794a39, #a65e3a, #d5884d, #e3b759, #ede8a6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #794a39, #a65e3a, #d5884d, #e3b759, #ede8a6);
}

Paletas de colores similares

Oak Poet color palette created on .