UI Shades

A study in yellow

Champagne

#F7E7CE

Family
Yellow
L
0.934
C
0.037
H
79°

Notes

Champagne is a curated pale gold-yellow named after the wine. It is lighter and less saturated than true gold and reads as a sophisticated cream, common in luxury fashion, hospitality, and event branding. As a background for invitations, wedding sites, or premium product pages it pairs with deep burgundy type. On displays it can shift toward green under daylight color profiles, so verify the rendered color on both calibrated and uncalibrated screens before committing it to a brand. Two champagne surfaces of slightly different value can look like a calibration error rather than a tonal choice.

#f7e7ce
Champagne
Champagne
#f7e7ce
oklch(0.934 0.037 79.1)
rgb(247 231 206)
hsl(36.6 71.9% 88.8%)
Share
#fff9f1
#fcf3e5
#f7e7ce
#e8d1ad
#cbb086
#a2875b
#886e44
#725a32
#534020
#392b12
#1f1506

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Champagne

Cross-reference
Q&A

Frequently asked questions

What is Champagne?

Champagne is a curated pale gold-yellow named after the wine. It is lighter and less saturated than true gold and reads as a sophisticated cream, common in luxury fashion, hospitality, and event branding. Its hex code is #F7E7CE.

What are the tints and shades of Champagne?

uishades builds an 11-step OKLCH ramp for Champagne (#F7E7CE) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Champagne?

Its complementary color is #DBEAFF. Triadic partners are #CDF1F3 and #F5E2FA; analogous neighbours are #EBECD0 and #FFE3D4.

What are the OKLCH and RGB values of Champagne?

Champagne is #F7E7CE - OKLCH 0.934 0.037 79°, rgb(247 231 206), in the yellow family.