Peanut Butter Biscuit
#f7b565
Softer biscuit-gold with balanced, muted peanut warmth
About Peanut Butter Biscuit
Peanut Butter Biscuit looks like a spoon-bright peanut cookie crumb photographed right after baking. It has that creamy, toasted warmth, but it stays noticeably more light and biscuit-soft than Jambalaya, and it's less fire-intense than Burning Flame. Compared to Peanut Butter Chicken, it reads a bit more golden and less buttery, like the difference between spread and baked crust.
In UI, I use it where you want comfort-first signals without going too orange. It works in food and beverage branding for product badges, recipe ingredient steps, and grocery chips, and it's great for hospitality booking modules where you need "warm, edible" rather than "hot." On e-commerce it holds well in checkout callouts, especially when the other yellows around you feel either too muted or too aggressive.
Pair it with cream, soft sand, or medium cocoa type, and watch cool-gray backgrounds. This shade can look slightly flatter there, so test against your actual off-whites before you lock the palette.
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.
Similar colors
Create a gradient with Peanut Butter Biscuit
Open the generator with this color pre-loaded.
Start creating