Charlie Morningstar Rainbow Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Charlie Morningstar Rainbow palette

Share this palette to:

Download Charlie Morningstar Rainbow Color Palette (PNG)

Download charlie morningstar rainbow color palette PNG image (landscape)
Download charlie morningstar rainbow color palette PNG image (square)

Charlie Morningstar Rainbow color palette CSS

/* CSS */
.color-1 {
color: #ff8052;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffd54d;
}
.color-4 {
color: #91ee91;
}
.color-5 {
color: #add8e6;
}

/* CSS Variables */
:root {
--color-1: #ff8052;
--color-2: #ffb84d;
--color-3: #ffd54d;
--color-4: #91ee91;
--color-5: #add8e6;
}

Charlie Morningstar Rainbow background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff8052, #ffb84d, #ffd54d, #91ee91, #add8e6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff8052, #ffb84d, #ffd54d, #91ee91, #add8e6);
}

Similar color palettes

Charlie Morningstar Rainbow color palette created on .