Peanut Butter
#be893f
Soft peanut-gold warmth for creamy, low-contrast layouts
About Peanut Butter
I keep thinking of peanut butter sauce when it sits still for a second: thick, smooth, and slightly matte. Peanut Butter reads lighter and more honeyed than the coffee-brown neighbors, with a clean golden undertone that never slips into the roast-dark mood of Caramel Macchiato or the iron-burnished direction of Gothic Gold.
Compared to Barista's Favourite, this one stays less earthy and less ashy. It's more peanut-caramel than coffee-cask. In UI terms, it's the Yellow that feels friendly on food ordering screens and quiet enough for hospitality surfaces where menus, cart states, and promo tiles need warmth without looking burnt. I'll use it as a card container or a primary button fill in beverage and snack delivery apps, especially when you want the label to feel cozy, not caffeinated.
Pair it with cream, sand, or light warm grays. If you go too close to bright peach, it can lose its shape and start blending into the background.
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.