← Back to Editor

#9E8576 · #CFAD98 · #EECDA1 · #F2E1BF · #6D514F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#9E8576

Tangerine · Gray · Warm Sun

HEX
#9E8576
RGB
rgb(158, 133, 118)
HSL
hsl(23, 17%, 54%)
HSB
hsb(23, 25%, 62%)
CMYK
cmyk(0%, 16%, 25%, 38%)
Oklch
oklch(63.6% 0.038 52.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CFAD98

Apricot · Tan · Warm Sun

HEX
#CFAD98
RGB
rgb(207, 173, 152)
HSL
hsl(23, 36%, 70%)
HSB
hsb(23, 27%, 81%)
CMYK
cmyk(0%, 16%, 27%, 19%)
Oklch
oklch(77.2% 0.049 53.5)

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

#EECDA1

Goose Yellow · Wheat · Peach Orange

HEX
#EECDA1
RGB
rgb(238, 205, 161)
HSL
hsl(34, 69%, 78%)
HSB
hsb(34, 32%, 93%)
CMYK
cmyk(0%, 14%, 32%, 7%)
Oklch
oklch(86.6% 0.069 74.7)

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

#F2E1BF

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E1BF
RGB
rgb(242, 225, 191)
HSL
hsl(40, 66%, 85%)
HSB
hsb(40, 21%, 95%)
CMYK
cmyk(0%, 7%, 21%, 5%)
Oklch
oklch(91.5% 0.048 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#6D514F

Crimson · DimGray · Wine Red

HEX
#6D514F
RGB
rgb(109, 81, 79)
HSL
hsl(4, 16%, 37%)
HSB
hsb(4, 28%, 43%)
CMYK
cmyk(0%, 26%, 28%, 57%)
Oklch
oklch(46.4% 0.038 23.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9E8576
768E9E

Analogous

9E767A
9E8576
9E9976

Triadic

9E8576
769E85
85769E

Split-Comp.

9E8576
769E99
767A9E

Tetradic

9E8576
7A9E76
768E9E
99769E

Contrast Matrix WCAG 2.1 Contrast

9E8576
CFAD98
EECDA1
F2E1BF
6D514F
—
1.7
Fail
2.3
Fail
2.7
Fail
2.1
Fail
1.7
Fail
—
1.4
Fail
1.6
Fail
3.4
AA Large
2.3
Fail
1.4
Fail
—
1.2
Fail
4.7
AA
2.7
Fail
1.6
Fail
1.2
Fail
—
5.5
AA
2.1
Fail
3.4
AA Large
4.7
AA
5.5
AA
—
White BG
3.5AA Large
2.1Fail
1.5Fail
1.3Fail
7.1AAA
Black BG
6.1AA
10.1AAA
13.9AAA
16.3AAA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

93937A
C0C09D
E0DFAC
EBEAC7
61614F

Deuteranopia

95977B
C2C59E
E2E4AE
ECEDC9
636550

Tritanopia

9D7C7D
CDA1A2
ECB4B6
F1CECF
6C5050

Achromatopsia

8B8B8B
B5B5B5
D2D2D2
E2E2E2
595959

Shades & Tints Shades & Tints

#9E8576

Dark
Light

#CFAD98

Dark
Light

#EECDA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9e8576;
  --color-2: #cfad98;
  --color-3: #eecda1;
  --color-4: #f2e1bf;
  --color-5: #6d514f;
}

SCSS

$color-1: #9e8576;
$color-2: #cfad98;
$color-3: #eecda1;
$color-4: #f2e1bf;
$color-5: #6d514f;

TAILWIND

colors: {
  'brand-1': '#9e8576',
  'brand-2': '#cfad98',
  'brand-3': '#eecda1',
  'brand-4': '#f2e1bf',
  'brand-5': '#6d514f',
}

RGB Array

[158, 133, 118], [207, 173, 152], [238, 205, 161], [242, 225, 191], [109, 81, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9E8576, #CFAD98, #EECDA1, #F2E1BF, #6D514F is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9e8576; --color-2: #cfad98; --color-3: #eecda1; --color-4: #f2e1bf; --color-5: #6d514f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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