PalettesWarm Neutral Tones 2

Palette

Warm Neutral Tones 2

Rich umber, wheat, moss, and olive create a layered neutral palette with organic comfort and depth.

Color analysis

Palette profile

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

Temperature

Warm-led

Color character

Balanced

Lightness span

52%

Accessible pairs

7 / 45

Colors

Orange 582F0E#582F0EA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(88, 47, 14)HSLhsl(26.8, 72.5%, 20%)CMYKcmyk(0%, 46.6%, 84.1%, 65.5%)LABlab(24.13, 15.87, 28.09)

Orange 7F4F24#7F4F24A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(127, 79, 36)HSLhsl(28.4, 55.8%, 32%)CMYKcmyk(0%, 37.8%, 71.7%, 50.2%)LABlab(38.26, 16.04, 33.01)

Brown 936639#936639A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(147, 102, 57)HSLhsl(30, 44.1%, 40%)CMYKcmyk(0%, 30.6%, 61.2%, 42.4%)LABlab(46.98, 13.12, 32.32)

Orange A68A64#A68A64A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(166, 138, 100)HSLhsl(34.5, 27%, 52.2%)CMYKcmyk(0%, 16.9%, 39.8%, 34.9%)LABlab(59.16, 5.17, 24.32)

Yellow B6AD90#B6AD90A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(182, 173, 144)HSLhsl(45.8, 20.7%, 63.9%)CMYKcmyk(0%, 4.9%, 20.9%, 28.6%)LABlab(70.76, -1.59, 16.09)

Yellow C2C5AA#C2C5AAA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(194, 197, 170)HSLhsl(66.7, 18.9%, 72%)CMYKcmyk(1.5%, 0%, 13.7%, 22.7%)LABlab(78.64, -5.73, 13.21)

Green A4AC86#A4AC86A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(164, 172, 134)HSLhsl(72.6, 18.6%, 60%)CMYKcmyk(4.7%, 0%, 22.1%, 32.5%)LABlab(68.84, -9.48, 18.65)

Green 656D4A#656D4AA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(101, 109, 74)HSLhsl(73.7, 19.1%, 35.9%)CMYKcmyk(7.3%, 0%, 32.1%, 57.3%)LABlab(44.52, -9.52, 18.59)

Green 414833#414833A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(65, 72, 51)HSLhsl(80, 17.1%, 24.1%)CMYKcmyk(9.7%, 0%, 29.2%, 71.8%)LABlab(29.41, -7.19, 11.69)

Green 333D29#333D29A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(51, 61, 41)HSLhsl(90, 19.6%, 20%)CMYKcmyk(16.4%, 0%, 32.8%, 76.1%)LABlab(24.33, -8.52, 11.01)

Meaning

AutumnNature

Psychology

ComfortStabilityGrowthFreshnessDepthAuthority

Usage

Seasonal CampaignsEditorial GraphicsWellness BrandingLifestyle Layouts

Orange 582F0E

#582F0E

Black text

1.83:1Fail

White text

11.49:1AAA

Support

Orange 7F4F24

#7F4F24

Black text

3.05:1AA Large

White text

6.89:1AA

Support

Brown 936639

#936639

Black text

4.20:1AA Large

White text

5.00:1AA

Support

Orange A68A64

#A68A64

Black text

6.44:1AA

White text

3.26:1AA Large

Support

Yellow B6AD90

#B6AD90

Black text

9.37:1AAA

White text

2.24:1Fail

Surface

Yellow C2C5AA

#C2C5AA

Black text

11.86:1AAA

White text

1.77:1Fail

Support

Green A4AC86

#A4AC86

Black text

8.82:1AAA

White text

2.38:1Fail

Support

Green 656D4A

#656D4A

Black text

3.84:1AA Large

White text

5.47:1AA

Support

Green 414833

#414833

Black text

2.20:1Fail

White text

9.55:1AAA

Support

Green 333D29

#333D29

Black text

1.84:1Fail

White text

11.41:1AAA

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#582F0E on #C2C5AA6.49:1 · AA

Sample text

#333D29 on #C2C5AA6.45:1 · AA

Sample text

#414833 on #C2C5AA5.39:1 · AA

Sample text

#582F0E on #B6AD905.13:1 · AA

Sample text

#333D29 on #B6AD905.09:1 · AA

Sample text

#582F0E on #A4AC864.83:1 · AA

Sample text

#333D29 on #A4AC864.79: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: #582F0E;
  --palette-2: #7F4F24;
  --palette-3: #936639;
  --palette-4: #A68A64;
  --palette-5: #B6AD90;
  --palette-6: #C2C5AA;
  --palette-7: #A4AC86;
  --palette-8: #656D4A;
  --palette-9: #414833;
  --palette-10: #333D29;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.