Buttery
#ffc283
Soft, creamy butter yellow with gentle golden warmth
About Buttery
Buttery is what happens when you stop trying to be neutral and just lean into the warmth. It's more saturated and golden than Chai Latte's steeped restraint, but it doesn't tip into the fruit-forward territory Apricot Sherbet claims. This is the one that actually looks like butter, that rich, unambiguous yellow-orange that sits somewhere between a warm cream and a gentle heat.
Use it in food and beverage apps, recipe platforms, and hospitality dashboards where you need color that reads intentional without feeling heavy-handed. It works in beauty packaging and wellness interfaces too, the kind where the product itself is already doing storytelling and you need the interface to support that, not compete. Unlike Cashew Nut's pale whisper, Buttery has backbone. Unlike Chai Latte's collaborative approach, it actually asserts itself.
The thing to watch: it's golden enough that it can read slightly cooler and less saturated on dim or warm-tinted screens, test it in actual brightness contexts. Pair it with deeper browns or warm grays and it settles. Put it on pure white and you'll see the full force of that saturation.
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.