PalettesRustic Charm

Palette

Rustic Charm

Wheat beige, charcoal, and rust mingle for cozy, inviting warmth and earthy, rustic character.

Color analysis

Palette profile

This 5-color palette is warm-led with a balanced character and high tonal range. Its internal colors provide 5 pairs at or above the 4.5:1 contrast target for normal text.

Temperature

Warm-led

Color character

Balanced

Lightness span

84%

Accessible pairs

5 / 10

Colors

Yellow FFFCF2#FFFCF2A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 252, 242)HSLhsl(46.2, 100%, 97.5%)CMYKcmyk(0%, 1.2%, 5.1%, 0%)LABlab(98.94, -0.71, 5.13)

Orange CCC5B9#CCC5B9A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(204, 197, 185)HSLhsl(37.9, 15.7%, 76.3%)CMYKcmyk(0%, 3.4%, 9.3%, 20%)LABlab(79.77, 0.36, 6.88)

Gray 403D39#403D39A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(64, 61, 57)HSLhsl(34.3, 5.8%, 23.7%)CMYKcmyk(0%, 4.7%, 10.9%, 74.9%)LABlab(25.93, 0.44, 2.92)

Gray 252422#252422A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(37, 36, 34)HSLhsl(40, 4.2%, 13.9%)CMYKcmyk(0%, 2.7%, 8.1%, 85.5%)LABlab(14.23, -0.01, 1.5)

Orange EB5E28#EB5E28A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(235, 94, 40)HSLhsl(16.6, 83%, 53.9%)CMYKcmyk(0%, 60%, 83%, 7.8%)LABlab(57.87, 52.02, 55.95)

Meaning

HalloweenAutumn

Psychology

BalanceNeutralityDepthAuthorityFreshnessSimplicity

Usage

Seasonal CampaignsEditorial Graphics

Yellow FFFCF2

#FFFCF2

Black text

20.46:1AAA

White text

1.03:1Fail

Support

Orange CCC5B9

#CCC5B9

Black text

12.25:1AAA

White text

1.71:1Fail

Support

Gray 403D39

#403D39

Black text

1.94:1Fail

White text

10.80:1AAA

Anchor

Gray 252422

#252422

Black text

1.35:1Fail

White text

15.51:1AAA

Support

Orange EB5E28

#EB5E28

Black text

6.16:1AA

White text

3.41:1AA Large

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#252422 on #FFFCF215.11:1 · AAA

Sample text

#403D39 on #FFFCF210.52:1 · AAA

Sample text

#252422 on #CCC5B99.05:1 · AAA

Sample text

#403D39 on #CCC5B96.30:1 · AA

Sample text

#252422 on #EB5E284.55:1 · AA

Color vision previews

Approximate simulations help reveal swatches that may become difficult to distinguish.

Protanopia

Reduced sensitivity to red light.

Deuteranopia

Reduced sensitivity to green light.

Tritanopia

Reduced sensitivity to blue light.

Achromatopsia

A grayscale approximation without hue perception.

CSS variables

Copy this palette as reusable custom properties for a design system or prototype.

:root {
  --palette-1: #FFFCF2;
  --palette-2: #CCC5B9;
  --palette-3: #403D39;
  --palette-4: #252422;
  --palette-5: #EB5E28;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.