Deep Sea Punk Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Deep Sea Punk palette
Deep Sea Punk color palette PNG image
Deep Sea Punk color palette CSS
/* CSS */
.color-1 {
color: #1b3c5a;
}
.color-2 {
color: #497b9c;
}
.color-3 {
color: #78a3b5;
}
.color-4 {
color: #a3d5e0;
}
.color-5 {
color: #f0e0e0;
}
/* CSS Variables */
:root {
--color-1: #1b3c5a;
--color-2: #497b9c;
--color-3: #78a3b5;
--color-4: #a3d5e0;
--color-5: #f0e0e0;
} Deep Sea Punk background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b3c5a, #497b9c, #78a3b5, #a3d5e0, #f0e0e0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b3c5a, #497b9c, #78a3b5, #a3d5e0, #f0e0e0);
} Similar color palettes
Deep Sea Punk color palette created on .