Ooga Booga Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Ooga Booga palette
Color Inspiration
Images that showcase this color palette in real designs
Download Ooga Booga Color Palette (PNG)
Ooga Booga color palette CSS
/* CSS */
.color-1 {
color: #3b6e8c;
}
.color-2 {
color: #4ea6a2;
}
.color-3 {
color: #7cd5b6;
}
.color-4 {
color: #f8c77c;
}
.color-5 {
color: #f5744d;
}
/* CSS Variables */
:root {
--color-1: #3b6e8c;
--color-2: #4ea6a2;
--color-3: #7cd5b6;
--color-4: #f8c77c;
--color-5: #f5744d;
} Ooga Booga background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b6e8c, #4ea6a2, #7cd5b6, #f8c77c, #f5744d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b6e8c, #4ea6a2, #7cd5b6, #f8c77c, #f5744d);
} Similar color palettes
Ooga Booga color palette created on .