Macaroni and Cheese
#ffb97b
Creamy apricot gold, slightly deeper and softer
About Macaroni and Cheese
Macaroni and Cheese lands like a spoonful that's been held under a warm lamp: buttery comfort, but noticeably more mellow and lightly dusted than Goose Bill. Compared to Nouveau-Riche, it trades that fresher peach lift for a steadier, softer gold. And where Baltic Amber feels resin-rich and earth-forward, this shade stays more food-bright and less material-heavy.
I use it when I want "ready to eat" warmth without tipping into apricot brightness or heavy amber weight. It's great for restaurant ordering flows, grocery and delivery empty states, and product cards for pantry items and kids' menus, especially when the surrounding photography has creamy highlights you don't want to fight. It also works well on onboarding step accents and micro-badges where you want clarity and comfort in the same breath.
Pair it with creamy ivories, soft tans, or cocoa browns for cohesion. If your layout leans too cool, it can start to feel flat, so keep at least one warmer neutral in the system.
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 Macaroni and Cheese
Open the generator with this color pre-loaded.
Start creating