Rodger the Magnifying Glass Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Rodger the Magnifying Glass palette

Share this palette to:

Download Rodger the Magnifying Glass Color Palette (PNG)

Download rodger the magnifying glass color palette PNG image (landscape)
Download rodger the magnifying glass color palette PNG image (square)

Rodger the Magnifying Glass color palette CSS

/* CSS */
.color-1 {
color: #8e4c9a;
}
.color-2 {
color: #703f7d;
}
.color-3 {
color: #4c2a60;
}
.color-4 {
color: #362145;
}
.color-5 {
color: #a45d3d;
}

/* CSS Variables */
:root {
--color-1: #8e4c9a;
--color-2: #703f7d;
--color-3: #4c2a60;
--color-4: #362145;
--color-5: #a45d3d;
}

Rodger the Magnifying Glass background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8e4c9a, #703f7d, #4c2a60, #362145, #a45d3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8e4c9a, #703f7d, #4c2a60, #362145, #a45d3d);
}

Rodger the Magnifying Glass color palette created on .