Paleta de colores Hawaiian Sunrise

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Hawaiian Sunrise palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Hawaiian Sunrise

Download hawaiian sunrise color palette PNG image (landscape)
Download hawaiian sunrise color palette PNG image (square)

CSS de la paleta de colores Hawaiian Sunrise

/* CSS */
.color-1 {
color: #9c5516;
}
.color-2 {
color: #c97636;
}
.color-3 {
color: #eac06c;
}
.color-4 {
color: #f3e3b4;
}
.color-5 {
color: #ffe4b3;
}

/* CSS Variables */
:root {
--color-1: #9c5516;
 --color-2: #c97636;
 --color-3: #eac06c;
 --color-4: #f3e3b4;
 --color-5: #ffe4b3;
 }

CSS del degradado de fondo Hawaiian Sunrise

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9c5516, #c97636, #eac06c, #f3e3b4, #ffe4b3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9c5516, #c97636, #eac06c, #f3e3b4, #ffe4b3);
}

Paletas de colores similares

Hawaiian Sunrise color palette created on .