Hawaii Neon Cool Boy Color Palette

Brightness

Saturation

Warmth

UI Examples

Explore beautiful UI components with Hawaii Neon Cool Boy palette

Share this palette to:

Download Hawaii Neon Cool Boy Color Palette (PNG)

Download hawaii neon cool boy color palette PNG image (landscape)
Download hawaii neon cool boy color palette PNG image (square)

Hawaii Neon Cool Boy color palette CSS

/* CSS */
.color-1 {
color: #00bdd6;
}
.color-2 {
color: #ff4281;
}
.color-3 {
color: #cbdc38;
}
.color-4 {
color: #ffec3d;
}
.color-5 {
color: #ff5724;
}

/* CSS Variables */
:root {
--color-1: #00bdd6;
--color-2: #ff4281;
--color-3: #cbdc38;
--color-4: #ffec3d;
--color-5: #ff5724;
}

Hawaii Neon Cool Boy background gradient CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bdd6, #ff4281, #cbdc38, #ffec3d, #ff5724);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bdd6, #ff4281, #cbdc38, #ffec3d, #ff5724);
}

Similar color palettes

Hawaii Neon Cool Boy color palette created on .