Paleta de colores Sunflower Dream

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Sunflower Dream palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Sunflower Dream

Download sunflower dream color palette PNG image (landscape)
Download sunflower dream color palette PNG image (square)

CSS de la paleta de colores Sunflower Dream

/* CSS */
.color-1 {
color: #ffc300;
}
.color-2 {
color: #ff5833;
}
.color-3 {
color: #c70038;
}
.color-4 {
color: #dbf7a6;
}
.color-5 {
color: #581845;
}

/* CSS Variables */
:root {
--color-1: #ffc300;
 --color-2: #ff5833;
 --color-3: #c70038;
 --color-4: #dbf7a6;
 --color-5: #581845;
 }

CSS del degradado de fondo Sunflower Dream

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffc300, #ff5833, #c70038, #dbf7a6, #581845);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffc300, #ff5833, #c70038, #dbf7a6, #581845);
}

Paletas de colores similares

Sunflower Dream color palette created on .