Champagne and Blush color palette

Champagne and Blush is a 6-color palette drawing on reds, teals and cyans and neutrals. In OKLCH its lightness runs from 30% (#3E2626, dark) to 94% (#FBE5E4, very light), and its most saturated color, #A17270, is muted. 3 of its 4 chromatic colors sit on the warm side of the hue wheel. 4 of its 15 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged wedding, red, teal, muted, earth tone and neutral.

WeddingRedTealMutedEarth toneNeutral

Color codes

ColorHEXRGBHSLOKLCH
Jet #3E2626 rgb(62, 38, 38) hsl(0, 24%, 20%) oklch(29.9% 0.037 19.4)
English Lavender #A17270 rgb(161, 114, 112) hsl(2, 21%, 54%) oklch(59.9% 0.06 21.7)
Pewter #71AAAC rgb(113, 170, 172) hsl(182, 26%, 56%) oklch(70% 0.06 198.7)
Silver #CAB0AF rgb(202, 176, 175) hsl(2, 20%, 74%) oklch(77.9% 0.03 20.4)
Cadet Gray #BED7D7 rgb(190, 215, 215) hsl(180, 24%, 79%) oklch(86.1% 0.027 196.7)
Apricot #FBE5E4 rgb(251, 229, 228) hsl(3, 74%, 94%) oklch(93.9% 0.024 20.7)

Accessibility

The best text and background pairs in Champagne and Blush, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.

PairWCAG 2LevelAPCA Lc
#FBE5E4 on #3E2626 11.54:1 AAA Lc -89.7
#BED7D7 on #3E2626 9.20:1 AAA Lc -74.9
#3E2626 on #CAB0AF 6.85:1 AA Lc 58.8

Color vision

1 pair of colors come within ΔE 0.06 of each other under at least one simulation.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Achromatopsia

Use it in code

Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/3e2626-a17270-71aaac-cab0af-bed7d7-fbe5e4.json.

Make it your own

Edit the colors, build a full light and dark color system from them, or see them on real UI.

Gradients from these colors