#7F835DShadow
#B8BA8FSand
#EFE5C4Pearl
#FFFAEEIvory

Vintage Sand & Shadow color palette

VintageMutedBrownBeigeWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Vintage Sand & Shadow is a pastel light, monochromatic color palette tagged vintage, muted, brown. All four colors sit within 17° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Shadow#7F835Drgb(127, 131, 93)hsl(66, 17%, 44%)oklch(59.7% 0.055 113)
Sand#B8BA8Frgb(184, 186, 143)hsl(63, 24%, 65%)oklch(77.6% 0.058 110)
Pearl#EFE5C4rgb(239, 229, 196)hsl(46, 57%, 85%)oklch(92.1% 0.045 93)
Ivory#FFFAEErgb(255, 250, 238)hsl(42, 100%, 97%)oklch(98.6% 0.017 88)

Why it works and how to use it

The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (97% down to 44% lightness). A natural fit for social media templates and gentle interfaces.

  • Background: Ivory (#FFFAEE) is the lightest color, so it belongs on large surfaces.
  • Text: Shadow (#7F835D) on #FFFAEE gives 3.8:1, enough for large headings only.
  • Primary: Pearl (#EFE5C4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Sand (#B8BA8F) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Vintage Sand & Shadow

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

#7F835D
#B8BA8F
#EFE5C4
#FFFAEE

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#7F835D on #FFFAEEAa3.8:1AA large only
#7F835D on #EFE5C4Aa3.14:1AA large only
#7F835D on #B8BA8FAa1.97:1Fail
#B8BA8F on #FFFAEEAa1.93:1Fail
#B8BA8F on #EFE5C4Aa1.59:1Fail
#EFE5C4 on #FFFAEEAa1.21:1Fail

Similar palettes 24 more in this mood

More vintage palettes →More muted palettes →More brown palettes →More beige palettes →More white palettes →