PalettesWarm Earth Tones

Palette

Warm Earth Tones

A tapestry of beiges, ochres, and earthy browns evokes cozy warmth and timeless organic harmony.

Color analysis

Palette profile

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

Temperature

Warm-led

Color character

Balanced

Lightness span

48%

Accessible pairs

1 / 45

Colors

Orange EDC4B3#EDC4B3A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(237, 196, 179)HSLhsl(17.6, 61.7%, 81.6%)CMYKcmyk(0%, 17.3%, 24.5%, 7.1%)LABlab(82.24, 12.05, 14)

Orange E6B8A2#E6B8A2A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(230, 184, 162)HSLhsl(19.4, 57.6%, 76.9%)CMYKcmyk(0%, 20%, 29.6%, 9.8%)LABlab(78.3, 13.46, 17.48)

Orange DEAB90#DEAB90A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(222, 171, 144)HSLhsl(20.8, 54.2%, 71.8%)CMYKcmyk(0%, 23%, 35.1%, 12.9%)LABlab(73.98, 15.04, 21.11)

Orange D69F7E#D69F7EA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(214, 159, 126)HSLhsl(22.5, 51.8%, 66.7%)CMYKcmyk(0%, 25.7%, 41.1%, 16.1%)LABlab(69.9, 16.25, 25.21)

Orange CD9777#CD9777A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(205, 151, 119)HSLhsl(22.3, 46.2%, 63.5%)CMYKcmyk(0%, 26.3%, 42%, 19.6%)LABlab(66.86, 16.21, 24.8)

Orange C38E70#C38E70A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(195, 142, 112)HSLhsl(21.7, 40.9%, 60.2%)CMYKcmyk(0%, 27.2%, 42.6%, 23.5%)LABlab(63.44, 16.32, 23.9)

Orange B07D62#B07D62A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(176, 125, 98)HSLhsl(20.8, 33.1%, 53.7%)CMYKcmyk(0%, 29%, 44.3%, 31%)LABlab(56.86, 16.42, 22.58)

Orange 9D6B53#9D6B53A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(157, 107, 83)HSLhsl(19.5, 30.8%, 47.1%)CMYKcmyk(0%, 31.8%, 47.1%, 38.4%)LABlab(49.87, 17.02, 21.49)

Brown 8A5A44#8A5A44A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(138, 90, 68)HSLhsl(18.9, 34%, 40.4%)CMYKcmyk(0%, 34.8%, 50.7%, 45.9%)LABlab(42.96, 17.13, 20.77)

Brown 774936#774936A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(119, 73, 54)HSLhsl(17.5, 37.6%, 33.9%)CMYKcmyk(0%, 38.7%, 54.6%, 53.3%)LABlab(35.9, 17.41, 19.54)

Meaning

Summer

Psychology

ComfortStabilityFreshnessSimplicityInvigorationEnthusiasm

Usage

Travel WebsitesSummer Campaigns

Orange EDC4B3

#EDC4B3

Black text

13.15:1AAA

White text

1.60:1Fail

Support

Orange E6B8A2

#E6B8A2

Black text

11.74:1AAA

White text

1.79:1Fail

Support

Orange DEAB90

#DEAB90

Black text

10.33:1AAA

White text

2.03:1Fail

Support

Orange D69F7E

#D69F7E

Black text

9.12:1AAA

White text

2.30:1Fail

Support

Orange CD9777

#CD9777

Black text

8.29:1AAA

White text

2.53:1Fail

Support

Orange C38E70

#C38E70

Black text

7.42:1AAA

White text

2.83:1Fail

Support

Orange B07D62

#B07D62

Black text

5.96:1AA

White text

3.53:1AA Large

Support

Orange 9D6B53

#9D6B53

Black text

4.66:1AA

White text

4.50:1AA

Support

Brown 8A5A44

#8A5A44

Black text

3.63:1AA Large

White text

5.79:1AA

Anchor

Brown 774936

#774936

Black text

2.79:1Fail

White text

7.53:1AAA

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#774936 on #EDC4B34.71: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: #EDC4B3;
  --palette-2: #E6B8A2;
  --palette-3: #DEAB90;
  --palette-4: #D69F7E;
  --palette-5: #CD9777;
  --palette-6: #C38E70;
  --palette-7: #B07D62;
  --palette-8: #9D6B53;
  --palette-9: #8A5A44;
  --palette-10: #774936;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

Fiery Orange Gradient

Earthy Tones 7

Delicate Pastel Dreams

More palettes load automatically as you continue scrolling.