Nouveau-Riche
#ffbb77
Creamier apricot gold, higher clarity than neighbors
About Nouveau-Riche
Nouveau-Riche reads like a freshly polished apricot-gold that stayed disciplined: lighter and less resinous than Goose Bill, but also more saturated and confident than Desert Dessert. It has that slightly peachy undertone that keeps it from turning into the powder-spice vibe of Cinnamon Buff, so it feels warmer, not dusted.
The kind of yellow I reach for when your UI needs to feel new and invested without the fruit-pop punch of apricot-bright options. I use it across dining and beverage apps, loyalty and subscription screens, and the highlights inside onboarding flows where you want warmth that's noticeable at a glance but doesn't bully photos or button labels. It also holds up on product cards and empty states better than Goose Bill because it stays a touch more present.
Pair it with warm creams and caramel browns for a soft landing, but steer clear of very cool grays if you want to keep the peachy warmth intact.
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.