Nude Color Palette: 6 Soft Neutral Schemes with Hex Codes

Soft, warm, and endlessly versatile, the nude color palette is a designer favourite for a reason. "Nude" colours are warm neutrals — beiges, tans, sands, and soft blush tones — that feel calm, elegant, and quietly premium. They are the backbone of minimalist branding, fashion, beauty, and clean modern interfaces that want warmth without colour overload.

Below are six ready-to-use nude palettes with hex codes plus copy-paste CSS. For related warm neutrals, see our brown color palette, or browse the full PaletteCSS library.

What is a nude color palette?

Nude palettes are built from warm, low-saturation neutrals — colours close to skin, sand, and natural fibres. The defining quality is softness: nothing is bright or harsh. Because they are so understated, nude palettes create a calm, sophisticated canvas that makes photography, typography, and a single accent colour stand out beautifully.

The core nude tones are:

• Cream and ivory — the lightest, airy base.
• Beige and sand — the warm mid-tones.
• Tan and taupe — deeper, grounding neutrals.
• Soft blush — a gentle pink-nude for warmth.

6 nude color palettes (with hex codes)

1. Soft Nude

A gentle gradient of warm beige.

#F6EDE6 · #EBD8C8 · #D9BBA4 · #C09B82 · #9C7B62

2. Warm Beige

Classic, cosy, and very wearable.

#F3E9DD · #E7D2BC · #D2B49A · #B58C6F · #8A6A4F

3. Blush Nude

Soft beige with a romantic pink undertone.

#F7EAE3 · #EFD6CC · #E0B5A8 · #C99488 · #A06E63

4. Sandy Neutral

Earthy and natural, like sun-warmed sand.

#F4EFE7 · #E5D8C5 · #CDB89E · #A98E73 · #7C6450

5. Taupe Nude

Cooler, greyer nudes for a modern minimalist feel.

#F0E8E0 · #DBCABB · #BFA792 · #9C8270 · #6E5A4A

6. Caramel Nude

Warmer and richer, leaning toward soft caramel.

#F5E6D8 · #E4C4A0 · #C99B70 · #A5754C · #6E4B2E

How to use nude colors in CSS

Nude tones make a soft, warm neutral scale:

:root {
  --nude-50:  #F6EDE6;
  --nude-200: #EBD8C8;
  --nude-400: #D9BBA4;
  --nude-600: #C09B82;
  --nude-900: #6E5A4A;
}

body { background: var(--nude-50); color: var(--nude-900); }

A barely-there nude gradient adds warmth to any section:

.section {
  background: linear-gradient(160deg, #F6EDE6 0%, #E0B5A8 100%);
}

Tips for designing with nude colors

• Layer your tones. Using three or four nudes together creates a soft, expensive, tonal look.
• Add one accent. A deep brown, terracotta, or even black makes a nude palette feel intentional.
• Mind contrast for text. Mid-nudes on cream can be hard to read — use a deep taupe or near-black for body copy.
• Let photography lead. Nude palettes are the perfect quiet backdrop for product or lifestyle imagery.

Frequently asked questions

What colors are nude?

Nude colours are warm, soft neutrals — cream, beige, sand, tan, taupe, and soft blush. They sit close to natural skin and fibre tones.

What is a good nude hex code?

A versatile nude is #D9BBA4; for a light base try #F6EDE6, and for a deeper taupe use #6E5A4A.

What colors go with a nude palette?

Nude pairs beautifully with deep brown, terracotta, sage green, soft black, and gold accents — all of which keep its warm, elegant character.

Want more soft neutrals? Explore the brown color palette, browse color palettes on PaletteCSS, or copy any nude hex instantly.