Peach Color Palettes
328 palettes tagged #peach
Soft, warm peach palettes — gentle, modern and inviting.
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.