Language of the Lost Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Language of the Lost palette

Share this palette to:

Language of the Lost color palette PNG image

Download language of the lost color palette PNG image (landscape)
Download language of the lost color palette PNG image (square)

Language of the Lost color palette CSS

/* CSS */
.color-1 {
color: #4a4d8c;
}
.color-2 {
color: #6a809a;
}
.color-3 {
color: #b6c9d8;
}
.color-4 {
color: #f3cebf;
}
.color-5 {
color: #e1a8b8;
}

/* CSS Variables */
:root {
--color-1: #4a4d8c;
--color-2: #6a809a;
--color-3: #b6c9d8;
--color-4: #f3cebf;
--color-5: #e1a8b8;
}

Language of the Lost background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a4d8c, #6a809a, #b6c9d8, #f3cebf, #e1a8b8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a4d8c, #6a809a, #b6c9d8, #f3cebf, #e1a8b8);
}

Language of the Lost color palette created on .