Paleta de colores Calm Blue

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Calm Blue palette

Compartir esta paleta en:

Imagen PNG de la paleta de colores Calm Blue

Download calm blue color palette PNG image (landscape)
Download calm blue color palette PNG image (square)

CSS de la paleta de colores Calm Blue

/* CSS */
.color-1 {
color: #a4c8e0;
}
.color-2 {
color: #81a8c1;
}
.color-3 {
color: #5d8ca8;
}
.color-4 {
color: #4a6d8c;
}
.color-5 {
color: #3a5b73;
}

/* CSS Variables */
:root {
--color-1: #a4c8e0;
 --color-2: #81a8c1;
 --color-3: #5d8ca8;
 --color-4: #4a6d8c;
 --color-5: #3a5b73;
 }

CSS del degradado de fondo Calm Blue

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a4c8e0, #81a8c1, #5d8ca8, #4a6d8c, #3a5b73);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a4c8e0, #81a8c1, #5d8ca8, #4a6d8c, #3a5b73);
}

Paletas de colores similares

Calm Blue color palette created on .