← Back to Editor

#D3A15A · #8E9E81 · #7F8970 · #7D8065 · #747152

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 Library

Color Details Color Details

#D3A15A

Ginger · SandyBrown · Warm Sun

HEX
#D3A15A
RGB
rgb(211, 161, 90)
HSL
hsl(35, 58%, 59%)
HSB
hsb(35, 57%, 83%)
CMYK
cmyk(0%, 24%, 57%, 17%)
Oklch
oklch(74.1% 0.107 74.5)

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

#8E9E81

Celadon · Gray · Olive Green

HEX
#8E9E81
RGB
rgb(142, 158, 129)
HSL
hsl(93, 13%, 56%)
HSB
hsb(93, 18%, 62%)
CMYK
cmyk(10%, 0%, 18%, 38%)
Oklch
oklch(67.8% 0.045 131.2)

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

#7F8970

Grass Green · Gray · Olive Green

HEX
#7F8970
RGB
rgb(127, 137, 112)
HSL
hsl(84, 10%, 49%)
HSB
hsb(84, 18%, 54%)
CMYK
cmyk(7%, 0%, 18%, 46%)
Oklch
oklch(61.5% 0.038 125.3)

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

#7D8065

Autumn Sage · Gray · Honey Gold

HEX
#7D8065
RGB
rgb(125, 128, 101)
HSL
hsl(67, 12%, 45%)
HSB
hsb(67, 21%, 50%)
CMYK
cmyk(2%, 0%, 21%, 50%)
Oklch
oklch(59.0% 0.040 112.8)

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

#747152

Autumn Sage · DimGray · Honey Gold

HEX
#747152
RGB
rgb(116, 113, 82)
HSL
hsl(55, 17%, 39%)
HSB
hsb(55, 29%, 45%)
CMYK
cmyk(0%, 3%, 29%, 55%)
Oklch
oklch(54.3% 0.046 103.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3A15A
5A8CD3

Analogous

D3645A
D3A15A
C9D35A

Triadic

D3A15A
5AD3A1
A15AD3

Split-Comp.

D3A15A
5AC9D3
645AD3

Tetradic

D3A15A
5AD364
5A8CD3
D35AC9

Contrast Matrix WCAG 2.1 Contrast

D3A15A
8E9E81
7F8970
7D8065
747152
—
1.2
Fail
1.6
Fail
1.8
Fail
2.1
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
2.1
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
2.3Fail
2.9Fail
3.7AA Large
4.1AA Large
5.0AA
Black BG
9.0AAA
7.4AAA
5.7AA
5.1AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD6B
959588
838376
7E7E6C
73735A

Deuteranopia

C0C46F
94938A
838278
7E7E6D
73735B

Tritanopia

D1797C
8F8E8F
7F7B7C
7D7172
745F61

Achromatopsia

A8A8A8
969696
838383
7C7C7C
6E6E6E

Shades & Tints Shades & Tints

#D3A15A

Dark
Light

#8E9E81

Dark
Light

#7F8970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3a15a;
  --color-2: #8e9e81;
  --color-3: #7f8970;
  --color-4: #7d8065;
  --color-5: #747152;
}

SCSS

$color-1: #d3a15a;
$color-2: #8e9e81;
$color-3: #7f8970;
$color-4: #7d8065;
$color-5: #747152;

TAILWIND

colors: {
  'brand-1': '#d3a15a',
  'brand-2': '#8e9e81',
  'brand-3': '#7f8970',
  'brand-4': '#7d8065',
  'brand-5': '#747152',
}

RGB Array

[211, 161, 90], [142, 158, 129], [127, 137, 112], [125, 128, 101], [116, 113, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3A15A, #8E9E81, #7F8970, #7D8065, #747152 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: #d3a15a; --color-2: #8e9e81; --color-3: #7f8970; --color-4: #7d8065; --color-5: #747152. 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