
Figma color wheel
Want to find the perfect complementary or analogous colors to match champagne?
Skip to main content
Everything you need to know about champagne to inspire your next design.
Champagne is an elegant and subtle color that blends beige with warm hints of yellow or pink undertones. It sits on the lighter end of the beige spectrum and symbolizes sophistication and luxury. The color captures variations like pale gold and soft beige. Its delicate and refined appeal makes it ideal for designs that require a touch of understated elegance.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Sepia Tone
Hamptons
Quiet Luxury
Champagne is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #F7E6CA
- RGB value: 96.9% red, 90.2% green and 79.2% 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.
When incorporating champagne into UI design, consider these ideas:
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 soft, warm spectrum as champagne, consider:
To complement champagne's delicate tones, consider pairing it with:
Other colors worth considering include midnight blue for a deep, contemplative contrast, soft lilac for a playful, whimsical touch, and copper for a hint of rustic charm that complements champagne's understated luxury.
While champagne is versatile, it may clash with:
Champagne evokes elegance, sophistication, and understated luxury. Its subtle beige and pale pink blend conveys a sense of celebration and exclusivity. Its soft and neutral shade is often associated with timeless beauty. In color psychology, champagne evokes warmth, comfort, and calmness, making it a top choice in environments where relaxation and sophistication are essential.
In UI/UX design and branding, champagne is a color that conveys prestige and luxury without being overpowering. It's particularly effective in digital design for creating backgrounds that exude calm and elegance, enhancing UX with its soothing vibe. Using champagne in design is ideal for premium brands and services aiming to project exclusivity.
The color champagne was named after the famous sparkling wine from France's Champagne region. Its connection with the beverage, popular among Europe's royalty and aristocracy since the 17th century, has made champagne synonymous with wealth, victory, and festivity.
In the early 20th century, champagne as a color became a high-society wardrobe staple, offering a chic alternative to stark whites and bold colors. It also emerged in interior design, creating warm, inviting, and elegant spaces.
Through the latter half of the 20th century and into the digital age, champagne has continued to signify luxury and exclusivity, as seen in high-end products from cars to designer clothing.
Contrast 1.23
#F7E6CA
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 17.13
#F7E6CA
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 #F7E6CA, known as champagne, has RGB values of R:247, G:230, B:202 and CMYK values of C:0, M:0.07, Y:0.18, K:0.03.
| VALUE | CSS | |
|---|---|---|
| HEX | F7E6CA | #F7E6CA |
| RGB DECIMAL | 247, 230, 202 | rgb(247,230,202) |
| RGB PERCENTAGE | 96.9, 90.2, 79.2 | rgb(96.9%,90.2%,79.2%) |
| CMYK | 0, 7, 18, 3 | |
| HSL | 37.3°, 73.8, 88 | hsl(37.3,73.8%,88%) |
| HSV (OR HSB) | 37.3°, 18.2, 96.9 | |
| WEB SAFE | FFFFCC | #FFFFCC |
| CIE-LAB | 91.968, 1.361, 15.732 | |
| XYZ | 77.314, 80.633, 67.365 | |
| xyY | 0.343, 0.358, 80.633 | |
| CIE-LCH | 91.968, 15.791, 85.055 | |
| CIE-LUV | 91.968, 11.796, 22.797 | |
| HUNTER-LAB | 89.796, -3.456, 18.378 | |
| BINARY | 11110111, 11100110, 11001010 | |
| iOS - SwiftUI | Color(red: 247/255, green: 230/255, blue: 202/255) | |
| iOS - UIKit | UIColor(red: 247/255.0, green: 230/255.0, blue: 202/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFFF7E6CA) |

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

Learn about the color tan.

Learn about the color peach.