Bittersweet
#fea051
Bittersweet amber-gold for warm, muted highlights
About Bittersweet
Bittersweet sits brighter and leaner than everything around it, it's got none of Artisans Gold's weight, none of Burning Flame's muscle. This is what happens when you push yellow-orange up the lightness scale without letting it go soft. It reads as warm and approachable on first glance, but there's a sharpness underneath that keeps it from feeling sugary or safe.
Use it in interface alerts, call-to-action buttons, and product highlights where you need warmth without aggression. Works in fintech dashboards, delivery apps, wellness platforms, notification badges. It's got enough presence to stop the eye but enough restraint to live in a layout without burning through the hierarchy. Pair it with charcoal type and it stays clean; pair it with lighter backgrounds and it pops without becoming harsh.
The catch: it's sensitive to screen temperature. On blue-tinted displays it'll skew cooler and lose some of that orange undertone. On warmer screens it'll lean more aggressively toward tangerine. Test it live before you ship.
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.