#FFFFFFWhite
#E8E4DBAlmond
#C9A961Sand
#2E2A22Espresso

White & Gold Line color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

White & Gold Line is a muted monochromatic color palette tagged luxury, minimal, white. A monochromatic set: the same hue family from Espresso down to White. Saturation stays low across the board, giving it a calm, editorial feel. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
White#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)oklch(100.0% 0.000 0)
Almond#E8E4DBrgb(232, 228, 219)hsl(42, 22%, 88%)oklch(92.0% 0.013 87)
Sand#C9A961rgb(201, 169, 97)hsl(42, 49%, 58%)oklch(74.8% 0.099 86)
Espresso#2E2A22rgb(46, 42, 34)hsl(40, 15%, 16%)oklch(28.7% 0.015 85)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Sand to lead. Lightness runs from 16% to 100%. Well suited to premium branding and packaging.

  • Background: White (#FFFFFF) is the lightest color, so it belongs on large surfaces.
  • Text: Espresso (#2E2A22) on #FFFFFF gives 14.28:1, passing WCAG AAA.
  • Primary: Sand (#C9A961) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Almond (#E8E4DB) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Espresso at 14.28:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with White & Gold Line

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#FFFFFF
#E8E4DB
#C9A961
#2E2A22

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FFFFFF on #2E2A22Aa14.28:1AAA
#E8E4DB on #2E2A22Aa11.26:1AAA
#C9A961 on #2E2A22Aa6.35:1AA
#FFFFFF on #C9A961Aa2.25:1Fail
#E8E4DB on #C9A961Aa1.77:1Fail
#FFFFFF on #E8E4DBAa1.27:1Fail

Similar palettes 24 more in this mood