Whale Tech Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Whale Tech palette
Color Inspiration
Images that showcase this color palette in real designs
Download Whale Tech Color Palette (PNG)
Whale Tech color palette CSS
/* CSS */
.color-1 {
color: #1c1c1c;
}
.color-2 {
color: #3b3b3b;
}
.color-3 {
color: #5c5c5c;
}
.color-4 {
color: #8c8c8c;
}
.color-5 {
color: #f5f5f5;
}
/* CSS Variables */
:root {
--color-1: #1c1c1c;
--color-2: #3b3b3b;
--color-3: #5c5c5c;
--color-4: #8c8c8c;
--color-5: #f5f5f5;
}
Whale Tech background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c1c1c, #3b3b3b, #5c5c5c, #8c8c8c, #f5f5f5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c1c1c, #3b3b3b, #5c5c5c, #8c8c8c, #f5f5f5);
}
Similar color palettes
Whale Tech color palette created on .