Honey Bee Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Honey Bee palette
Color Inspiration
Images that showcase this color palette in real designs
Download Honey Bee Color Palette (PNG)
Honey Bee color palette CSS
/* CSS */
.color-1 {
color: #fdd672;
}
.color-2 {
color: #fbbf65;
}
.color-3 {
color: #f6a64c;
}
.color-4 {
color: #ee902b;
}
.color-5 {
color: #db8f14;
}
/* CSS Variables */
:root {
--color-1: #fdd672;
--color-2: #fbbf65;
--color-3: #f6a64c;
--color-4: #ee902b;
--color-5: #db8f14;
} Honey Bee background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fdd672, #fbbf65, #f6a64c, #ee902b, #db8f14);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fdd672, #fbbf65, #f6a64c, #ee902b, #db8f14);
} Similar color palettes
Honey Bee color palette created on .