Tie Dye Acid Trip Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Tie Dye Acid Trip palette

Share this palette to:

Tie Dye Acid Trip color palette PNG image

Download  tie dye acid trip color palette PNG image (landscape)
Download  tie dye acid trip color palette PNG image (square)

Tie Dye Acid Trip color palette CSS

/* CSS */
.color-1 {
color: #ff5100;
}
.color-2 {
color: #ffb300;
}
.color-3 {
color: #aaff00;
}
.color-4 {
color: #00ffb3;
}
.color-5 {
color: #0051ff;
}

/* CSS Variables */
:root {
--color-1: #ff5100;
--color-2: #ffb300;
--color-3: #aaff00;
--color-4: #00ffb3;
--color-5: #0051ff;
}

Tie Dye Acid Trip background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff5100, #ffb300, #aaff00, #00ffb3, #0051ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff5100, #ffb300, #aaff00, #00ffb3, #0051ff);
}

Tie Dye Acid Trip color palette created on .