Peach Background
#FFE5B4 · rgb(255, 229, 180)
About the peach background
Peach (#FFE5B4) is white warmed with yellow and orange — rgb(255, 229, 180) — producing the soft glow of, well, a peach. It's one of the warmest pastels while remaining light enough to use as a full-page background.
It flatters skin tones and food photography, adds warmth without the sweetness of pink, and pairs naturally with browns, terracotta and muted greens for an organic palette.
What to use a peach background for
- Food, café and bakery branding
- Warm lifestyle and wellness marketing
- Soft sunset-inspired gradient starting points
- Skin-tone-flattering portrait backdrops
How to use peach in CSS
Copy the snippet below, or click any code chip on this page to grab a single value.
/* Full-page peach background */
body {
margin: 0;
background-color: #FFE5B4;
}
/* A single section or element */
.hero {
background-color: rgb(255, 229, 180);
} Peach shades and tints
Click any swatch to copy it. Tints mix peach with white; shades mix it with black.
Peach background FAQ
What is the hex code for peach?
The commonly used peach is #FFE5B4 — rgb(255, 229, 180), or hsl(39, 100%, 85%). It's a 100%-saturation pastel: fully warm in hue but very light.
What colors pair well with peach?
Peach loves earthy neighbors: terracotta, sage, cream and warm brown. Navy or charcoal text keeps it accessible — both clear WCAG AA comfortably on this light background.
What is the hex code for peach?
Peach is #FFE5B4 in hexadecimal, rgb(255, 229, 180) in RGB and hsl(39, 100%, 85%) in HSL. Paste #FFE5B4 into any CSS background-color property to use it.
How do I set a peach background in CSS?
Add background-color: #FFE5B4; to any element, or apply it to the whole page: body { background-color: #FFE5B4; margin: 0; }. You can also use the CSS keyword or the rgb() form — rgb(255, 229, 180) — with identical results.