11 Shades of Peach with Hex Codes
Peach is orange at high lightness — warm, soft, and skin-adjacent.
The peach hex code is #FFE5B4
#FFE5B4 is rgb(255, 229, 180) in RGB, hsl(39, 100%, 85%) in HSL, and about cmyk(0%, 10%, 29%, 0%) in CMYK. Every other peach below has its own hex code.
#FFE5B4rgb(255, 229, 180)hsl(39, 100%, 85%)Named Peach Colors and Their Hex Codes
Ordered darkest to lightest. Names marked CSS are color keywords you can write directly in a stylesheet; the rest are common design and print names. Select any swatch for its full breakdown.
#F88379rgb(248, 131, 121)#FFA07Argb(255, 160, 122)#FFA62Brgb(255, 166, 43)#FEBAADrgb(254, 186, 173)#FBCEB1rgb(251, 206, 177)#FFDAB9rgb(255, 218, 185)#F5DEB3rgb(245, 222, 179)#FFDEADrgb(255, 222, 173)#FFE4B5rgb(255, 228, 181)#FFE5B4rgb(255, 229, 180)#FFE4C4rgb(255, 228, 196)PeachColor Chart: Hex, RGB, HSL & CMYK
Every peach above in all four common formats. CMYK is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.
| Name | Hex | RGB | HSL | CMYK |
|---|---|---|---|---|
| Coral Peach | #F88379 | rgb(248, 131, 121) | hsl(5, 90%, 72%) | cmyk(0%, 47%, 51%, 3%) |
| LightSalmon | #FFA07A | rgb(255, 160, 122) | hsl(17, 100%, 74%) | cmyk(0%, 37%, 52%, 0%) |
| Cantaloupe | #FFA62B | rgb(255, 166, 43) | hsl(35, 100%, 58%) | cmyk(0%, 35%, 83%, 0%) |
| Melon | #FEBAAD | rgb(254, 186, 173) | hsl(10, 98%, 84%) | cmyk(0%, 27%, 32%, 0%) |
| Apricot | #FBCEB1 | rgb(251, 206, 177) | hsl(24, 90%, 84%) | cmyk(0%, 18%, 29%, 2%) |
| PeachPuff | #FFDAB9 | rgb(255, 218, 185) | hsl(28, 100%, 86%) | cmyk(0%, 15%, 27%, 0%) |
| Wheat | #F5DEB3 | rgb(245, 222, 179) | hsl(39, 77%, 83%) | cmyk(0%, 9%, 27%, 4%) |
| NavajoWhite | #FFDEAD | rgb(255, 222, 173) | hsl(36, 100%, 84%) | cmyk(0%, 13%, 32%, 0%) |
| Moccasin | #FFE4B5 | rgb(255, 228, 181) | hsl(38, 100%, 85%) | cmyk(0%, 11%, 29%, 0%) |
| Peach | #FFE5B4 | rgb(255, 229, 180) | hsl(39, 100%, 85%) | cmyk(0%, 10%, 29%, 0%) |
| Bisque | #FFE4C4 | rgb(255, 228, 196) | hsl(33, 100%, 88%) | cmyk(0%, 11%, 23%, 0%) |
Peach Scale from Light to Dark
A 12-step lightness scale built from the core peach hue, holding hue and saturation constant. This is the shape of a design-system color ramp. Select any swatch for the full breakdown of that color.
Need a perceptually even ramp with semantic roles and contrast evidence? Generate peach design tokens.
What Peach Communicates
Peach is a warm neutral disguised as a color. It behaves like beige with more life in it, which is why it is common in beauty, food, and lifestyle branding. As with all high-lightness colors, peach is a surface: it cannot carry text and does not need to.
Where peach works well
- Warm backgrounds that feel less flat than beige
- Beauty, skincare, and food brands
- Soft gradients paired with coral and blush
- Illustration skin tones and warm highlights
Colors that pair with peach
Copy the Peach Palette as CSS
Every shade on this page as CSS custom properties, ready to paste into a stylesheet.
:root {
--peach-coral-peach: #F88379;
--peach-lightsalmon: #FFA07A;
--peach-cantaloupe: #FFA62B;
--peach-melon: #FEBAAD;
--peach-apricot: #FBCEB1;
--peach-peachpuff: #FFDAB9;
--peach-wheat: #F5DEB3;
--peach-navajowhite: #FFDEAD;
--peach-moccasin: #FFE4B5;
--peach-peach: #FFE5B4;
--peach-bisque: #FFE4C4;
}Peach Color Questions
What is the hex code for peach?
The standard peach hex code is #FFE5B4, which is rgb(255, 229, 180) in RGB and hsl(39, 100%, 85%) in HSL. There is no single "correct" peach — this page lists 11 named peach shades with their own hex codes.
How many shades of peach are there?
Displays can render millions of distinct peach values, so any count is a matter of which ones have names. This page lists 11 named shades of peach, combining the CSS color keywords with widely used peach names from design and print references, plus a generated 12-step lightness scale.
Can I use peach for text on a white background?
#FFE5B4 scores 1.23:1 against white. WCAG 2.2 asks for at least 4.5:1 for normal body text and 3:1 for large text, so this shade does not pass and needs to be darkened. Check any specific pairing in the contrast checker.
What colors go well with peach?
teal, brown, green all pair well with peach. For a specific shade, open its color page to see the complementary, analogous, and triadic colors calculated from its exact hue.