
Figma color wheel
Want to find the perfect complementary or analogous colors to match rosewater?
Skip to main content
Everything you need to know about rosewater to inspire your next design.
Rosewater is a light and airy pink with a soft, warm undertone. It sits on the color wheel's lighter end of the pink spectrum, embodying purity and gentleness. Even a subtle touch of color evokes a gentle and soothing feeling, creating a calming and welcoming atmosphere.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Belle Rose
Macaron
Turkish Delight
Rosewater is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #FFD6D1
- RGB value: 100% red, 83.9% green and 82% 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.
Here are some strategies for incorporating rosewater into your UI design:
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 delicate and soft spectrum as rosewater, consider:
To complement rosewater's soothing tones, consider pairing it with:
Other colors worth considering include silver to add a modern edge, turquoise for a refreshing contrast, and beige to maintain a soft and cohesive look.
While rosewater is versatile, it may clash with:
Rosewater symbolizes femininity, purity, and healing. It conveys compassion, nurturing, and spiritual wellness. Its delicate hue suggests calm and tranquility, renewal, and rejuvenation.
In color psychology, rosewater promotes peace and emotional restoration. Its soft pink tones link to care, love, and softness. It can help reduce stress and create a welcoming and warm space.
Rosewater in UI design works well in healthcare apps, wellness platforms, and any user interface focusing on mental health and relaxation. Using rosewater for backgrounds, accents, or typography can make the digital environment more inclusive and less intimidating.
“Rosewater,” as the name for the color, likely emerged to describe a specific shade of pink inspired by the rosewater beverage—a fragrant light pink liquid. This drink, made by steeping rose petals in water, has a long history dating back to ancient civilizations in Persia and Rome, where it was commonly used in food, religious ceremonies, and medicine.
Over time, the color became valued for its luxurious look. Artists and decorators used it in textiles and artwork to convey elegance and high status. Today, rosewater’s soft and understated elegance makes it a popular color choice in modern design and fashion.
Contrast 1.33
#FFD6D1
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 15.79
#FFD6D1
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 #FFD6D1, known as rosewater, has RGB values of R:255, G:214, B:209 and CMYK values of C:0, M:0.16, Y:0.18, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | FFD6D1 | #FFD6D1 |
| RGB DECIMAL | 255, 214, 209 | rgb(255,214,209) |
| RGB PERCENTAGE | 100, 83.9, 82 | rgb(100%,83.9%,82%) |
| CMYK | 0, 16, 18, 0 | |
| HSL | 6.5°, 100, 91 | hsl(6.5,100%,91%) |
| HSV (OR HSB) | 6.5°, 18, 100 | |
| WEB SAFE | FFCCCC | #FFCCCC |
| CIE-LAB | 88.903, 13.525, 7.803 | |
| XYZ | 76.794, 73.958, 70.548 | |
| xyY | 0.347, 0.334, 73.958 | |
| CIE-LCH | 88.903, 15.615, 29.983 | |
| CIE-LUV | 88.903, 25.327, 9.077 | |
| HUNTER-LAB | 85.999, 8.895, 11.562 | |
| BINARY | 11111111, 11010110, 11010001 | |
| iOS - SwiftUI | Color(red: 255/255, green: 214/255, blue: 209/255) | |
| iOS - UIKit | UIColor(red: 255/255.0, green: 214/255.0, blue: 209/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFFFFD6D1) |

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

Learn about the color pink.

Learn more about peach.