Sonic's DBZ Adventure Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Sonic's DBZ Adventure palette

Share this palette to:

Download Sonic's DBZ Adventure Color Palette (PNG)

Download sonic's dbz adventure color palette PNG image (landscape)
Download sonic's dbz adventure color palette PNG image (square)

Sonic's DBZ Adventure color palette CSS

/* CSS */
.color-1 {
color: #1f8fff;
}
.color-2 {
color: #ff6d1f;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #ff1492;
}
.color-5 {
color: #8a2ce2;
}

/* CSS Variables */
:root {
--color-1: #1f8fff;
--color-2: #ff6d1f;
--color-3: #ffd900;
--color-4: #ff1492;
--color-5: #8a2ce2;
}

Sonic's DBZ Adventure background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f8fff, #ff6d1f, #ffd900, #ff1492, #8a2ce2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f8fff, #ff6d1f, #ffd900, #ff1492, #8a2ce2);
}

Sonic's DBZ Adventure color palette created on .