← Back to Editor

#8D7745 · #D15748 · #E9BB87 · #B69C45 · #B7B47F

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

#8D7745

Ochre · Sienna · Honey Gold

HEX
#8D7745
RGB
rgb(141, 119, 69)
HSL
hsl(42, 34%, 41%)
HSB
hsb(42, 51%, 55%)
CMYK
cmyk(0%, 16%, 51%, 45%)
Oklch
oklch(57.8% 0.073 86.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D15748

Crimson · Chocolate · Passion Red

HEX
#D15748
RGB
rgb(209, 87, 72)
HSL
hsl(7, 60%, 55%)
HSB
hsb(7, 66%, 82%)
CMYK
cmyk(0%, 58%, 66%, 18%)
Oklch
oklch(61.1% 0.158 29.4)

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

#E9BB87

Goose Yellow · BurlyWood · Warm Sun

HEX
#E9BB87
RGB
rgb(233, 187, 135)
HSL
hsl(32, 69%, 72%)
HSB
hsb(32, 42%, 91%)
CMYK
cmyk(0%, 20%, 42%, 9%)
Oklch
oklch(82.1% 0.086 69.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B69C45

Ochre · GoldenRod · Honey Gold

HEX
#B69C45
RGB
rgb(182, 156, 69)
HSL
hsl(46, 45%, 49%)
HSB
hsb(46, 62%, 71%)
CMYK
cmyk(0%, 14%, 62%, 29%)
Oklch
oklch(69.9% 0.111 92.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B7B47F

Fresh Green · Tan · Sunflower

HEX
#B7B47F
RGB
rgb(183, 180, 127)
HSL
hsl(57, 28%, 61%)
HSB
hsb(57, 31%, 72%)
CMYK
cmyk(0%, 2%, 31%, 28%)
Oklch
oklch(75.9% 0.071 105.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D7745
455A8C

Analogous

8C5345
8D7745
7E8C45

Triadic

8D7745
458C77
77458C

Split-Comp.

8D7745
457E8C
53458C

Tetradic

8D7745
458C53
455A8C
8C457E

Contrast Matrix WCAG 2.1 Contrast

8D7745
D15748
E9BB87
B69C45
B7B47F
—
1.1
Fail
2.5
Fail
1.6
Fail
2.0
Fail
1.1
Fail
—
2.3
Fail
1.5
Fail
1.9
Fail
2.5
Fail
2.3
Fail
—
1.5
Fail
1.2
Fail
1.6
Fail
1.5
Fail
1.5
Fail
—
1.3
Fail
2.0
Fail
1.9
Fail
1.2
Fail
1.3
Fail
—
White BG
4.3AA Large
4.1AA Large
1.8Fail
2.7Fail
2.1Fail
Black BG
4.9AA
5.2AA
11.9AAA
7.8AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838351
9C9B4C
D5D594
ABAB5A
B6B68C

Deuteranopia

858654
A3AC4D
D8DB97
ACAE5F
B6B68F

Tritanopia

8C5B5D
CB4E4F
E79EA0
B56B6E
B79698

Achromatopsia

787878
7A7A7A
C3C3C3
9A9A9A
AFAFAF

Shades & Tints Shades & Tints

#8D7745

Dark
Light

#D15748

Dark
Light

#E9BB87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d7745;
  --color-2: #d15748;
  --color-3: #e9bb87;
  --color-4: #b69c45;
  --color-5: #b7b47f;
}

SCSS

$color-1: #8d7745;
$color-2: #d15748;
$color-3: #e9bb87;
$color-4: #b69c45;
$color-5: #b7b47f;

TAILWIND

colors: {
  'brand-1': '#8d7745',
  'brand-2': '#d15748',
  'brand-3': '#e9bb87',
  'brand-4': '#b69c45',
  'brand-5': '#b7b47f',
}

RGB Array

[141, 119, 69], [209, 87, 72], [233, 187, 135], [182, 156, 69], [183, 180, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8D7745, #D15748, #E9BB87, #B69C45, #B7B47F is ideal for: corporate websites, product showcases, portfolios. 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: #8d7745; --color-2: #d15748; --color-3: #e9bb87; --color-4: #b69c45; --color-5: #b7b47f. 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. 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