Nougat

#ae8a78

Slightly pinked warm tan for cozy UI

Save
Share

About Nougat

Nougat looks like the crust of a toasted cream candy, but with the heat dialed down. It's a mid-light, dusty beige-brown that reads warm and subdued at first glance, then keeps turning slightly rosy as you move past it. Compared to , it's less powdery and more toasted, not chalky. Compared to , it feels lighter and more neutral-warm than that steadier, deeper restraint. And next to , it doesn't have that cool, structured pull, it stays gentler and friendlier.

I use Nougat for hospitality surfaces where you want a cozy backdrop without going caramel-bright: card containers, menu and promo modules, and editorial section blocks. It also holds up on product detail pages for food retail and bakery brands, especially under lifestyle photos where you need a tone that won't fight skin tones. In UI, it works well for quiet panels, dividers, and button fills when the design needs to feel food-first, not heavy.

One quirk: because it's muted, it can flatten next to very crisp whites. If your layout feels washed out, pair it with slightly darker text or a cooler cream for contrast.

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
3.13:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.87:1Fail

On Gray 900 #18181b

Aa
5.66:1AAAAA Large

On Black #000000

Aa
6.71:1AAAAA Large

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

#b38b71
#aa8f7a
#a48a80
#ab927a
#ac8f6c

Create a gradient with Nougat

Open the generator with this color pre-loaded.

Start creating