Burgundy and Cream

#800020 · oklch(38% 0.152 18.6)
#FFFDD0 · oklch(98.44% 0.058 105.3)
hue separation 72° · direct contrast 10.43:1 · both warm

Why they work: a vintage wine label in two colors — deep red restrained by soft cream.

Combination sets

The classic split

Burgundy and Cream with a light tint of burgundy, a deep shade of cream and white for breathing room.

800020
FFFDD0
E48689
817F61
FFFFFF
Burgundy — primary · Cream — secondary · Light tint (surfaces) · Deep shade (text/footer) · White (space)

Dark mode

Both anchors survive on dark: Cream as the highlight, Burgundy as the accent, and two intermediate surfaces for elevation.

16161D
26181D
800020
FFFDD0
F5F5F4
Base surface · Elevated surface · Burgundy — accent · Cream — highlight · Primary text

Soft & light

Both anchors reduced to tints for airy sections, with the full-strength colors kept for buttons and links.

EBD3D8
FFFEFE
800020
FFFDD0
F0E7E6
Burgundy wash · Cream wash · Burgundy — full · Cream — full · Neutral page

60 / 30 / 10 UI set

A practical interface split: neutral ~60%, burgundy ~30% for structure, cream ~10% for calls to action.

F0E8DF
E6CEC5
800020
FFFDD0
000000
Neutral base (60%) · Soft border/surface · Burgundy (30%) · Cream CTA (10%) · Text color

Gradient bridge

The direct perceptual path from burgundy to cream — use for hero sections, charts and progress states.

800020
A54E46
C68771
E4C19F
FFFDD0
Burgundy — start · Bridge step · Bridge step · Bridge step · Cream — end

Contrast data

ForegroundBackgroundRatioAAAAA
#800020#FFFDD010.43:1
#FFFDD0#80002010.43:1
#800020#FFFFFF10.83:1
#800020#0000001.94:1
#FFFDD0#FFFFFF1.04:1
#FFFDD0#00000020.21:1
#16161D#C78A516.16:1
Open in palette generator →Preview on UI scenes →Open in contrast checker →

Related combinations

FAQ

Do burgundy and cream go together?

Yes — a vintage wine label in two colors — deep red restrained by soft cream. Their hues are 72° apart on the color wheel and the direct pair contrast is 10.43:1. The sets on this page show exactly how to balance them (both warm).

What text color works on burgundy and cream?

On burgundy use #FFFFFF text (10.83:1); on cream use #000000 (20.21:1). Both pass WCAG AA for normal text.

What are the exact color codes?

Burgundy: #800020 — OKLCH oklch(38% 0.152 18.6). Cream: #FFFDD0 — OKLCH oklch(98.44% 0.058 105.3).