Champagne Color Palette
Champagne is a pale, warm beige with a hint of gold, from soft ivory to a deeper toasted tone.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#FBF3E4
#F7E7CE
#EBD3A8
#D4B483
#A98B5D
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #FBF3E4 | T - | T - | |
| #F7E7CE | T - | T - | |
| #EBD3A8 | T - | T - | |
| #D4B483 | T - | T - | |
| #A98B5D | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Champagne CSS Code
oklch(96.63% 0.0216 83.26) oklch(93.42% 0.0373 79.1) oklch(87.62% 0.0624 82.05) oklch(78.63% 0.0745 77.96) oklch(65.37% 0.0723 77.65)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Champagne palette?
Champagne is a pale, warm beige with a hint of gold, from soft ivory to a deeper toasted tone.
How do I turn the Champagne palette into a CSS gradient?
Use background: linear-gradient(to right, #FBF3E4, #F7E7CE, #EBD3A8, #D4B483, #A98B5D);, or click "Make it a gradient" above to open it in the live generator.