
Figma color wheel
Want to find the perfect complementary or analogous colors to match peach?
Skip to main content
Everything you need to know about peach to inspire your next design.
Peach is a gentle and delicate shade that combines orange and yellow tones with a hint of rose. This soft, warm color lives in the red-yellow section of the color wheel, and exudes freshness and femininity. It offers a soothing and comforting presence, ideal for designs aiming to be approachable and calming.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Breakfast Tea
Island Skies
Fresh Peach
Peach is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #FFD3AC
- RGB value: 100% red, 82.7% green and 67.5% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
To effectively use peach in UI design, consider these approaches:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same warm and inviting spectrum as peach, consider:
To complement peach's delicate tones, consider pairing it with:
Other colors worth considering include soft gray for a modern, minimalist aesthetic, deep burgundy for a bold, dramatic contrast, and pale gold for a touch of subtle luxury.
While peach is generally versatile, it may clash with:
In many cultures, peach represents youth and health, suggesting renewal and vitality like the fresh start of spring. Its warmth and softness convey comfort and care. It can also symbolize sincerity and affection, In color psychology, the gentle energy of peach encourages openness and community spirit. It's seen as nurturing, helping ease stress or change with compassion and empathy.
In UI/UX design, peach can work to create a friendly and approachable interface. Its softness and warmth invite user engagement—ideal for platforms that foster positive interactions and community. This color's connection to youth, health, and renewal can help craft fresh and innovative experiences.
In ancient China, the color and the fruit symbolized immortality due to the peach tree's association with longevity. As these beliefs spread along the Silk Road, peach influenced art and symbolism worldwide. During the Renaissance, artists like Sandro Botticelli in "The Birth of Venus” leveraged peach hues to bring a lifelike warmth and softness into their works.
The 19th century saw peach popularized in Victorian and Edwardian interiors and fashion as a symbol of modesty and innocence. With synthetic dyes in the 20th century, peach became a staple in consumer goods, graphic design, and branding for its warmth and inviting nature.
A noteworthy moment in peach's modern history was Apple's introduction of a peach-colored iMac in the late 1990s.
Contrast 1.38
#FFD3AC
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 15.17
#FFD3AC
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FFD3AC, known as peach, has RGB values of R:255, G:211, B:172 and CMYK values of C:0, M:0.17, Y:0.33, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | FFD3AC | #FFD3AC |
| RGB DECIMAL | 255, 211, 172 | rgb(255,211,172) |
| RGB PERCENTAGE | 100, 0, 100 | rgb(100%,82.7%,67.5%) |
| CMYK | 0, 17, 33, 0 | |
| HSL | 28.2°, 100, 83.7 | hsl(28.2,100%,83.7%) |
| HSV (OR HSB) | 28.2°, 32.5, 100 | |
| WEB SAFE | FFCC99 | #FFCC99 |
| CIE-LAB | 87.402, 10.053, 25.111 | |
| XYZ | 71.98, 70.829, 48.907 | |
| xyY | 0.375, 0.369, 70.829 | |
| CIE-LCH | 87.402, 27.049, 68.182 | |
| CIE-LUV | 87.402, 30.562, 33.221 | |
| HUNTER-LAB | 84.16, 5.387, 24.457 | |
| BINARY | 11111111, 11010011, 10101100 | |
| iOS - SwiftUI | Color(red: 255/255, green: 211/255, blue: 172/255) | |
| iOS - UIKit | UIColor(red: 255/255.0, green: 211/255.0, blue: 172/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFFFFD3AC) |

Want to find the perfect complementary or analogous colors to match peach?

Learn about the color light-orange.

Learn more about beige.