Luxury Color Palette

Luxury palettes rely on restraint: a deep, nearly black base (black, navy, emerald, oxblood), one metallic-feeling accent like muted gold or champagne, and generous ivory space. Fewer colors read as more expensive.

Colors

Describe your project and let AI pick the colors

Try:

See it on a page

Lightest color becomes the background, darkest the text, the most saturated one the button.

NorthwindPricing · Docs · Blog

Ship the release notes your users actually read.

Body text in your darkest color on your lightest: 18.53:1 AA pass

Start freeSee a demo

Surface card with a secondary accent

Export

CSS custom properties, Tailwind v4 @theme (in OKLCH), Tailwind v3 config, JSON or SCSS.

:root {
  --color-black: #0B0B0C;
  --color-midnight-blue: #1E1E22;
  --color-peru: #B8975A;
  --color-wheat: #E9DFC8;
  --color-sea-shell: #FAF8F3;
}

Contrast between every pair

WCAG 2.2: 4.5:1 for body text (AA), 3:1 for large text and UI parts, 7:1 for AAA.

Contrast ratio of every text color (rows) on every background (columns)
Text / background	#0B0B0C	#1E1E22	#B8975A	#E9DFC8	#FAF8F3
#0B0B0C		Aa1.18:1Fail	Aa7.13:1AAA	Aa14.85:1AAA	Aa18.53:1AAA
#1E1E22	Aa1.18:1Fail		Aa6.02:1AA	Aa12.54:1AAA	Aa15.65:1AAA
#B8975A	Aa7.13:1AAA	Aa6.02:1AA		Aa2.08:1Fail	Aa2.59:1Fail
#E9DFC8	Aa14.85:1AAA	Aa12.54:1AAA	Aa2.08:1Fail		Aa1.24:1Fail
#FAF8F3	Aa18.53:1AAA	Aa15.65:1AAA	Aa2.59:1Fail	Aa1.24:1Fail

Get an AI critique of this palette

The contrast numbers are calculated exactly in your browser and passed to the AI, so its advice starts from real ratios.

What is it for? (optional)

Hand-picked luxury palettes

Black & gold

18.53:1 text contrast · Edit in generator

Emerald salon

12.48:1 text contrast · Edit in generator

Oxblood

17.32:1 text contrast · Edit in generator

Tips for luxury palettes

Limit yourself to three colors plus neutrals.
Gold on screen is a muted mustard-ochre (#B8975A, #C9A86A); bright yellow looks cheap.
Ivory or warm white beats pure white for a premium feel.

Want one written for your project? Describe it on the AI palette generator, then check it with the accessible palette checker.

Frequently asked questions

What colors look luxurious?

Black, deep navy, emerald, burgundy and plum, combined with gold, champagne or ivory. Restraint matters more than the exact hues.

How do I show gold on a website?

Flat gold is a muted ochre such as #B8975A. A subtle gradient from a darker to a lighter ochre suggests metal better than any single color.