Vibrant Martian Blue Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Vibrant Martian Blue palette

Share this palette to:

Download Vibrant Martian Blue Color Palette (PNG)

Download vibrant martian blue color palette PNG image (landscape)
Download vibrant martian blue color palette PNG image (square)

Vibrant Martian Blue color palette CSS

/* CSS */
.color-1 {
color: #6b5b8b;
}
.color-2 {
color: #9f5b8c;
}
.color-3 {
color: #f28e1c;
}
.color-4 {
color: #f5c400;
}
.color-5 {
color: #6dc0b5;
}

/* CSS Variables */
:root {
--color-1: #6b5b8b;
--color-2: #9f5b8c;
--color-3: #f28e1c;
--color-4: #f5c400;
--color-5: #6dc0b5;
}

Vibrant Martian Blue background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6b5b8b, #9f5b8c, #f28e1c, #f5c400, #6dc0b5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6b5b8b, #9f5b8c, #f28e1c, #f5c400, #6dc0b5);
}

Vibrant Martian Blue color palette created on .