Paleta de colores Half Baked Inspired

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Half Baked Inspired palette

Compartir esta paleta en:

Descargar la paleta de colores Half Baked Inspired (PNG)

Download half baked inspired color palette PNG image (landscape)
Download half baked inspired color palette PNG image (square)

CSS de la paleta de colores Half Baked Inspired

/* CSS */
.color-1 {
color: #85c4cc;
}
.color-2 {
color: #a6d9d4;
}
.color-3 {
color: #bde5e3;
}
.color-4 {
color: #e6b798;
}
.color-5 {
color: #f4c6a9;
}

/* CSS Variables */
:root {
--color-1: #85c4cc;
--color-2: #a6d9d4;
--color-3: #bde5e3;
--color-4: #e6b798;
--color-5: #f4c6a9;
}

CSS del degradado de fondo Half Baked Inspired

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #85c4cc, #a6d9d4, #bde5e3, #e6b798, #f4c6a9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #85c4cc, #a6d9d4, #bde5e3, #e6b798, #f4c6a9);
}

Half Baked Inspired color palette created on .