Shades of Celeste Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Shades of Celeste palette

Share this palette to:

Download Shades of Celeste Color Palette (PNG)

Download shades of celeste color palette PNG image (landscape)
Download shades of celeste color palette PNG image (square)

Shades of Celeste color palette CSS

/* CSS */
.color-1 {
color: #a3d4e0;
}
.color-2 {
color: #69b5d8;
}
.color-3 {
color: #3c8fb9;
}
.color-4 {
color: #1f6d8e;
}
.color-5 {
color: #0d4d5e;
}

/* CSS Variables */
:root {
--color-1: #a3d4e0;
--color-2: #69b5d8;
--color-3: #3c8fb9;
--color-4: #1f6d8e;
--color-5: #0d4d5e;
}

Shades of Celeste background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3d4e0, #69b5d8, #3c8fb9, #1f6d8e, #0d4d5e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3d4e0, #69b5d8, #3c8fb9, #1f6d8e, #0d4d5e);
}

Shades of Celeste color palette created on .