Hot Butter
#e69d00
Lighter chartreuse-gold than Honeycomb, supports warm data
About Hot Butter
Hot Butter looks like a fresh coat of yellow-gold paint poured over a green base, so you get warmth first and a soft, buttery glow right after. Compared to Honeycomb, it's a touch less clean and more mellow, not quite as polished-golden. Versus Currywurst, it reads less ketchup-bright and more smooth-ripened, with less orange bite.
I treat it as the one you reach for when you need a cheerful highlight that still feels grounded in the Green family. It's great for CPG product callouts, retail promo tags, and ecommerce category badges where the rest of the page is green and you want the standout to feel friendly, not amber-spotlit like Illuminate Me. In UI, it holds up for status chips and featured tiles in dashboards and finance apps, especially when you're trying to keep alerts from getting too serious.
Quick quirk: because it's light and warm, it can fight with very pale creams. If it starts to feel a bit flat, pair it with a slightly deeper olive or a cleaner mid-green to give it contrast.
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.