← Back to Editor

#A35A47 · #8E9196 · #E5D2B4 · #CEB19F · #A7AF80

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A35A47

Crimson · Sienna · Passion Red

HEX
#A35A47
RGB
rgb(163, 90, 71)
HSL
hsl(12, 39%, 46%)
HSB
hsb(12, 56%, 64%)
CMYK
cmyk(0%, 45%, 56%, 36%)
Oklch
oklch(54.8% 0.101 35.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#8E9196

Ash · LightSlateGray · Silver Sand

HEX
#8E9196
RGB
rgb(142, 145, 150)
HSL
hsl(218, 4%, 57%)
HSB
hsb(218, 5%, 59%)
CMYK
cmyk(5%, 3%, 0%, 41%)
Oklch
oklch(65.6% 0.008 260.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#E5D2B4

Goose Yellow · Wheat · Peach Orange

HEX
#E5D2B4
RGB
rgb(229, 210, 180)
HSL
hsl(37, 49%, 80%)
HSB
hsb(37, 21%, 90%)
CMYK
cmyk(0%, 8%, 21%, 10%)
Oklch
oklch(87.2% 0.045 79.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CEB19F

Apricot · Tan · Warm Sun

HEX
#CEB19F
RGB
rgb(206, 177, 159)
HSL
hsl(23, 32%, 72%)
HSB
hsb(23, 23%, 81%)
CMYK
cmyk(0%, 14%, 23%, 19%)
Oklch
oklch(78.1% 0.042 53.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A7AF80

Grass Green · DarkSeaGreen · Olive Green

HEX
#A7AF80
RGB
rgb(167, 175, 128)
HSL
hsl(70, 23%, 59%)
HSB
hsb(70, 27%, 69%)
CMYK
cmyk(5%, 0%, 27%, 31%)
Oklch
oklch(73.6% 0.065 115.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A35A47
4891A3

Analogous

A34863
A35A47
A38848

Triadic

A35A47
48A35A
5A48A3

Split-Comp.

A35A47
48A388
4863A3

Tetradic

A35A47
63A348
4891A3
8848A3

Contrast Matrix WCAG 2.1 Contrast

A35A47
8E9196
E5D2B4
CEB19F
A7AF80
—
1.6
Fail
3.5
AA Large
2.5
Fail
2.2
Fail
1.6
Fail
—
2.1
Fail
1.6
Fail
1.4
Fail
3.5
AA Large
2.1
Fail
—
1.4
Fail
1.6
Fail
2.5
Fail
1.6
Fail
1.4
Fail
—
1.1
Fail
2.2
Fail
1.4
Fail
1.6
Fail
1.1
Fail
—
White BG
5.1AA
3.2AA Large
1.5Fail
2.0Fail
2.3Fail
Black BG
4.1AA Large
6.6AA
14.2AAA
10.4AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

83834C
8F8F95
DDDDBB
C1C1A3
AAAB8B

Deuteranopia

888D4D
8F8F95
DEDFBD
C3C5A4
AAA98E

Tritanopia

9F4F50
8E9494
E4C1C2
CDA7A8
A79496

Achromatopsia

6E6E6E
919191
D4D4D4
B8B8B8
A7A7A7

Shades & Tints Shades & Tints

#A35A47

Dark
Light

#8E9196

Dark
Light

#E5D2B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a35a47;
  --color-2: #8e9196;
  --color-3: #e5d2b4;
  --color-4: #ceb19f;
  --color-5: #a7af80;
}

SCSS

$color-1: #a35a47;
$color-2: #8e9196;
$color-3: #e5d2b4;
$color-4: #ceb19f;
$color-5: #a7af80;

TAILWIND

colors: {
  'brand-1': '#a35a47',
  'brand-2': '#8e9196',
  'brand-3': '#e5d2b4',
  'brand-4': '#ceb19f',
  'brand-5': '#a7af80',
}

RGB Array

[163, 90, 71], [142, 145, 150], [229, 210, 180], [206, 177, 159], [167, 175, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A35A47, #8E9196, #E5D2B4, #CEB19F, #A7AF80 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a35a47; --color-2: #8e9196; --color-3: #e5d2b4; --color-4: #ceb19f; --color-5: #a7af80. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color