Warm Sand

A warm neutral palette: sand background, brown primary, forest-green accent. For artisanal and craft brands.

warmneutralminimalcalmwarmminimal

Craft Brands and the Warm Sand Base

Warm Sand suits artisans, ceramics studios, small-batch food brands, and any site that wants to feel made rather than machine-tooled. The sand background is neutral enough for product photography to dominate, and the brown primary anchors buttons and links without competing with the imagery. The forest-green accent is the surprise of the system, giving it a nature-forward second color that most beige palettes lack.

Use the green for secondary actions, newsletter signups, and product badges, and let brown carry the primary path. Because the background is low contrast against white, cards should either use the surface token or a hairline border to separate themselves. The darker text tone on sand passes AA comfortably, so the palette can support long editorial body copy without strain.

Palette colors

Every color role with HEX, RGB, HSL, and OKLCH values. Click any value to copy.

Background

rgb(245, 239, 230)

hsl(36, 43%, 93%)

oklch(95.4% 0.014 78.3)

Text

rgb(42, 37, 32)

hsl(30, 14%, 15%)

oklch(26.8% 0.012 67.3)

Primary

rgb(139, 90, 43)

hsl(29, 53%, 36%)

oklch(51.2% 0.090 62.2)

Secondary

rgb(184, 145, 90)

hsl(35, 40%, 54%)

oklch(68.1% 0.086 75.0)

Accent

rgb(45, 95, 78)

hsl(160, 36%, 27%)

oklch(44.5% 0.062 169.0)

Surface

rgb(255, 255, 255)

hsl(0, 0%, 100%)

oklch(100.0% 0.000 89.9)

Border

rgb(224, 213, 194)

hsl(38, 33%, 82%)

oklch(87.7% 0.028 81.5)

Muted

rgb(122, 111, 95)

hsl(36, 12%, 43%)

oklch(54.7% 0.028 77.3)

WCAG contrast checks

Three semantic pairs evaluated against WCAG 2.2 AA (4.5:1 for normal text).

Text on background

Ratio 13.28:1

AA pass

Primary on background

Ratio 5.11:1

AA pass

Accent on background

Ratio 6.43:1

AA pass

Export tokens

Six formats covering most design system workflows. Each copies cleanly to your clipboard.

tokens.css

:root {
  --color-background: #F5EFE6;
  --color-foreground: #2A2520;
  --color-primary: #8B5A2B;
  --color-secondary: #B8915A;
  --color-accent: #2D5F4E;
  --color-surface: #FFFFFF;
  --color-border: #E0D5C2;
  --color-muted: #7A6F5F;
}

Related Palettes

Editorial Cream

A warm editorial palette inspired by print magazines: cream paper, ink-black text, a brick-red primary, and a muted gold secondary.

Mono Ink

A pure monochrome palette with a single blue accent. Editorial minimalism at its purest, type and whitespace do all the work.

Linen Press

A warm linen palette: undyed fabric background, ink text, muted teal primary, terracotta accent. For book publishers, journals, and craft editorial.

Grapefruit

A soft pink palette: grapefruit background, burgundy text, coral accent. For food, lifestyle, and personal-brand sites that want warmth without sweetness.