What are the hex codes in the Vintage Sand & Shadow palette?

The Vintage Sand & Shadow color palette consists of Shadow #7F835D, Sand #B8BA8F, Pearl #EFE5C4, Ivory #FFFAEE.

How should I use the Vintage Sand & Shadow palette on a website?

Use Ivory #FFFAEE as the background, Shadow #7F835D for text, Pearl #EFE5C4 for buttons and links, and Sand #B8BA8F for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Vintage Sand & Shadow have enough contrast for text?

The highest-contrast pair is #7F835D on #FFFAEE with a ratio of 3.8:1, which passes WCAG AA for large text only.

#7F835DShadow

#B8BA8FSand

#EFE5C4Pearl

#FFFAEEIvory

Vintage Sand & Shadow color palette

Vintage Muted Brown Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Shadow	`#7F835D`	`rgb(127, 131, 93)`	`hsl(66, 17%, 44%)`	`oklch(59.7% 0.055 113)`
Sand	`#B8BA8F`	`rgb(184, 186, 143)`	`hsl(63, 24%, 65%)`	`oklch(77.6% 0.058 110)`
Pearl	`#EFE5C4`	`rgb(239, 229, 196)`	`hsl(46, 57%, 85%)`	`oklch(92.1% 0.045 93)`
Ivory	`#FFFAEE`	`rgb(255, 250, 238)`	`hsl(42, 100%, 97%)`	`oklch(98.6% 0.017 88)`

Why it works and how to use it

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.

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

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.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#7F835D` on `#FFFAEE`	Aa	3.8:1	AA large only
`#7F835D` on `#EFE5C4`	Aa	3.14:1	AA large only
`#7F835D` on `#B8BA8F`	Aa	1.97:1	Fail
`#B8BA8F` on `#FFFAEE`	Aa	1.93:1	Fail
`#B8BA8F` on `#EFE5C4`	Aa	1.59:1	Fail
`#EFE5C4` on `#FFFAEE`	Aa	1.21:1	Fail

Similar palettes 24 more in this mood