Amber
#ffbf00
Richer golden-orange amber for deeper warm accents
About Amber
Amber splits the difference between a color and a statement. It's warmer and more saturated than Citrus Splash, but it doesn't have Bumblebee's electric edge, there's a deliberate goldness here, the kind that reads as confident without being aggressive. This is the yellow that actually feels like something, not just a accent trying hard to get noticed.
You'll land it on retail product pages, SaaS dashboards, and hospitality interfaces where the mood matters as much as the clarity. It's got enough warmth to feel approachable, enough saturation to hold its own against deep backgrounds without disappearing. Unlike Buzz, which plays it safer with softer grays, Amber pushes back a little, it wants to be seen. Unlike Angry Pasta's deeper heat, this one stays bright enough to work on light backgrounds without turning the page orange.
The real test: pair it with navy, dark wood, or charcoal and it lands exactly where you need it. Against warm neutrals like cream or taupe, it can feel muddier than the lighter yellows, so pull it back to cooler grays or white if the background's already warm.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.