Paleta de colores Chocolate Heartstrings

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Chocolate Heartstrings palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Chocolate Heartstrings

Download chocolate heartstrings color palette PNG image (landscape)
Download chocolate heartstrings color palette PNG image (square)

CSS de la paleta de colores Chocolate Heartstrings

/* CSS */
.color-1 {
color: #5f4b3a;
}
.color-2 {
color: #a86d5d;
}
.color-3 {
color: #d9b59b;
}
.color-4 {
color: #f3e2d8;
}
.color-5 {
color: #c7aea8;
}

/* CSS Variables */
:root {
--color-1: #5f4b3a;
 --color-2: #a86d5d;
 --color-3: #d9b59b;
 --color-4: #f3e2d8;
 --color-5: #c7aea8;
 }

CSS del degradado de fondo Chocolate Heartstrings

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5f4b3a, #a86d5d, #d9b59b, #f3e2d8, #c7aea8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5f4b3a, #a86d5d, #d9b59b, #f3e2d8, #c7aea8);
}

Paletas de colores similares

Chocolate Heartstrings color palette created on .