Effervescent Pale Golden Luxury
Category: Gold
Champagne (#F7E7CE) — Color Codes, Meaning & UI Palettes
Champagne is an exquisite pale tint of warm yellowish-orange named after the French sparkling wine. Synonymous with celebration, refinement, weddings, and premium elegance.
Click to Copy HEX
Champagne
#F7E7CE
HEX
#F7E7CE
RGB
rgb(247, 231, 206)
HSL
hsl(37deg, 72%, 89%)
CMYK (Print)
cmyk(0%, 6%, 17%, 3%)
Apple Display P3
color(display-p3 0.969 0.906 0.808)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.22:1 (Fail)
Black Text (#000000)
17.28:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FFFEFC
100
#FEFBF7
200
#FCF7EF
300
#FBF3E6
400
#F9EDDA
500
#F7E7CE
600
#C6B9A5
700
#948B7C
800
#635C52
900
#36332D
950
#1E1C19
Color Harmonies & Palette Schemes
Complementary
#CFDEF7
Opposite 180° Contrast
Analogous -30°
#F7D3CF
Natural Harmony
Analogous +30°
#F2F7CF
Natural Harmony
Triadic +120°
#CFF7E8
120° Balanced Triad
Triadic +240°
#E8CFF7
120° Balanced Triad
Curated UI Design Pairings for Champagne
An elite warm neutral for wedding registry platforms, luxury jewelry, high-end hospitality, and bespoke design studios.
Plum
#8E4585
Royal Contrast Accent
Deep Obsidian
#0F172A
High-End Typography
Rose Quartz
#F43F5E
Romantic Highlight
Sage Green
#9CAF88
Botanical Harmony
Export Champagne Code Snippets
CSS Variable
--color-champagne-color: #F7E7CE;
Tailwind Config
'champagne-color': '#F7E7CE'
Swift / SwiftUI
Color(hex: "#F7E7CE")
JSON Design Token
{"name": "Champagne", "hex": "#F7E7CE"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.