← Back to Editor

#4C4D3F · #AB8961 · #DEAD95 · #EBDAB2 · #9BA68D

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

#4C4D3F

Autumn Sage · DarkSlateGray · Honey Gold

HEX
#4C4D3F
RGB
rgb(76, 77, 63)
HSL
hsl(64, 10%, 27%)
HSB
hsb(64, 18%, 30%)
CMYK
cmyk(1%, 0%, 18%, 70%)
Oklch
oklch(41.5% 0.023 110.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#AB8961

Ginger · Gray · Warm Sun

HEX
#AB8961
RGB
rgb(171, 137, 97)
HSL
hsl(32, 31%, 53%)
HSB
hsb(32, 43%, 67%)
CMYK
cmyk(0%, 20%, 43%, 33%)
Oklch
oklch(65.2% 0.069 70.7)

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

#DEAD95

Apricot · Tan · Warm Sun

HEX
#DEAD95
RGB
rgb(222, 173, 149)
HSL
hsl(20, 53%, 73%)
HSB
hsb(20, 33%, 87%)
CMYK
cmyk(0%, 22%, 33%, 13%)
Oklch
oklch(78.6% 0.067 47.4)

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

#EBDAB2

Goose Yellow · Wheat · Lemon Cream

HEX
#EBDAB2
RGB
rgb(235, 218, 178)
HSL
hsl(42, 59%, 81%)
HSB
hsb(42, 24%, 92%)
CMYK
cmyk(0%, 7%, 24%, 8%)
Oklch
oklch(89.2% 0.056 87.7)

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

#9BA68D

Grass Green · DarkSeaGreen · Olive Green

HEX
#9BA68D
RGB
rgb(155, 166, 141)
HSL
hsl(86, 12%, 60%)
HSB
hsb(86, 15%, 65%)
CMYK
cmyk(7%, 0%, 15%, 35%)
Oklch
oklch(70.9% 0.038 126.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C4D3F
3F3E4C

Analogous

4C463E
4C4D3F
444C3E

Triadic

4C4D3F
3E4B4C
4C3E4B

Split-Comp.

4C4D3F
3E444C
463E4C

Tetradic

4C4D3F
3E4C46
3F3E4C
4C3E44

Contrast Matrix WCAG 2.1 Contrast

4C4D3F
AB8961
DEAD95
EBDAB2
9BA68D
—
2.7
Fail
4.3
AA Large
6.2
AA
3.4
AA Large
2.7
Fail
—
1.6
Fail
2.3
Fail
1.3
Fail
4.3
AA Large
1.6
Fail
—
1.4
Fail
1.3
Fail
6.2
AA
2.3
Fail
1.4
Fail
—
1.8
Fail
3.4
AA Large
1.3
Fail
1.3
Fail
1.8
Fail
—
White BG
8.6AAA
3.2AA Large
2.0Fail
1.4Fail
2.6Fail
Black BG
2.4Fail
6.5AA
10.5AAA
15.2AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C42
9C9C6B
C9C89B
E4E3BC
A0A093

Deuteranopia

4C4C43
9EA16D
CCCF9C
E5E6BE
9F9E95

Tritanopia

4C4546
A97274
DC9FA0
EAC3C5
9C9899

Achromatopsia

4B4B4B
8F8F8F
B9B9B9
DBDBDB
A0A0A0

Shades & Tints Shades & Tints

#4C4D3F

Dark
Light

#AB8961

Dark
Light

#DEAD95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c4d3f;
  --color-2: #ab8961;
  --color-3: #dead95;
  --color-4: #ebdab2;
  --color-5: #9ba68d;
}

SCSS

$color-1: #4c4d3f;
$color-2: #ab8961;
$color-3: #dead95;
$color-4: #ebdab2;
$color-5: #9ba68d;

TAILWIND

colors: {
  'brand-1': '#4c4d3f',
  'brand-2': '#ab8961',
  'brand-3': '#dead95',
  'brand-4': '#ebdab2',
  'brand-5': '#9ba68d',
}

RGB Array

[76, 77, 63], [171, 137, 97], [222, 173, 149], [235, 218, 178], [155, 166, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C4D3F, #AB8961, #DEAD95, #EBDAB2, #9BA68D 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: #4c4d3f; --color-2: #ab8961; --color-3: #dead95; --color-4: #ebdab2; --color-5: #9ba68d. 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