Nouveau-Riche

#ffbb77

Creamier apricot gold, higher clarity than neighbors

Save
Share

About Nouveau-Riche

Nouveau-Riche reads like a freshly polished apricot-gold that stayed disciplined: lighter and less resinous than , but also more saturated and confident than . It has that slightly peachy undertone that keeps it from turning into the powder-spice vibe of , 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 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.66:1Fail

On Gray 100 #f5f5f5

Aa
1.53:1Fail

On Gray 900 #18181b

Aa
10.65:1AAA

On Black #000000

Aa
12.63:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Nouveau-Riche

Open the generator with this color pre-loaded.

Start creating