Peach Color Palettes

328 palettes tagged #peach

Soft, warm peach palettes — gentle, modern and inviting.

See what colors go with Peach Peach aesthetic
Related: #ui #fashion #earth #autumn #sky #ocean #gradient #muted #branding #playful #desert #winter #web #floral #vintage #retro #sunset #print #cool #clean #monochrome #neutral #energetic #bright #illustration #vivid #photography
Showing 60 of 328

Peach color in CSS

The peach reference values and ready-to-paste CSS variables. Click any value to copy it.

:root {
  --peach-50: #FBE9E7;
  --peach-200: #FFCCBC;
  --peach-400: #FFAB91;
  --peach-600: #FF8A65;
  --peach-800: #FF7043;
}

Prefer Tailwind? Drop these hex codes into the colors key of your tailwind.config.js, or copy any palette above as a full Tailwind config.

About Peach Color Palettes

What does peach represent in design?

Peach is a muted blend of orange and pink that feels warm, nurturing and contemporary. It is a go-to for beauty, lifestyle and wedding brands.

Popular peach shades & how to use them

Peach palettes often build on shades like #FBE9E7, #FFCCBC, #FFAB91, #FF8A65, #FF7043. Click any palette above to copy its hex codes, CSS, or Tailwind values straight into your project — combine lighter tints for backgrounds with deeper tones for text and accents.

Copied!