Paleta de colores Playful Pastels

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Playful Pastels palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Playful Pastels

Download playful pastels color palette PNG image (landscape)
Download playful pastels color palette PNG image (square)

CSS de la paleta de colores Playful Pastels

/* CSS */
.color-1 {
color: #f995c2;
}
.color-2 {
color: #faa09e;
}
.color-3 {
color: #fac9a3;
}
.color-4 {
color: #fbe8b6;
}
.color-5 {
color: #cdeaf9;
}

/* CSS Variables */
:root {
--color-1: #f995c2;
 --color-2: #faa09e;
 --color-3: #fac9a3;
 --color-4: #fbe8b6;
 --color-5: #cdeaf9;
 }

CSS del degradado de fondo Playful Pastels

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f995c2, #faa09e, #fac9a3, #fbe8b6, #cdeaf9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f995c2, #faa09e, #fac9a3, #fbe8b6, #cdeaf9);
}

Paletas de colores similares

Playful Pastels color palette created on .