Paleta de colores Flinch Palette

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Flinch Palette palette

Compartir esta paleta en:

Descargar la paleta de colores Flinch Palette (PNG)

Download flinch palette color palette PNG image (landscape)
Download flinch palette color palette PNG image (square)

CSS de la paleta de colores Flinch Palette

/* CSS */
.color-1 {
color: #f6775a;
}
.color-2 {
color: #f6b98e;
}
.color-3 {
color: #f3d1af;
}
.color-4 {
color: #b3e0d1;
}
.color-5 {
color: #7fb2b8;
}

/* CSS Variables */
:root {
--color-1: #f6775a;
 --color-2: #f6b98e;
 --color-3: #f3d1af;
 --color-4: #b3e0d1;
 --color-5: #7fb2b8;
 }

CSS del degradado de fondo Flinch Palette

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6775a, #f6b98e, #f3d1af, #b3e0d1, #7fb2b8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6775a, #f6b98e, #f3d1af, #b3e0d1, #7fb2b8);
}

Paletas de colores similares

Flinch Palette color palette created on .