← Back to Editor

#BFD29B · #8C9E6E · #8F873C · #7E6316 · #3E1F03

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

#BFD29B

Willow Green · Tan · Apple Green

HEX
#BFD29B
RGB
rgb(191, 210, 155)
HSL
hsl(81, 38%, 72%)
HSB
hsb(81, 26%, 82%)
CMYK
cmyk(9%, 0%, 26%, 18%)
Oklch
oklch(83.6% 0.076 123.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#8C9E6E

Grass Green · Gray · Olive Green

HEX
#8C9E6E
RGB
rgb(140, 158, 110)
HSL
hsl(83, 20%, 53%)
HSB
hsb(83, 30%, 62%)
CMYK
cmyk(11%, 0%, 30%, 38%)
Oklch
oklch(67.3% 0.071 124.9)

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

#8F873C

Autumn Sage · Sienna · Honey Gold

HEX
#8F873C
RGB
rgb(143, 135, 60)
HSL
hsl(54, 41%, 40%)
HSB
hsb(54, 58%, 56%)
CMYK
cmyk(0%, 6%, 58%, 44%)
Oklch
oklch(61.5% 0.097 103.2)

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

#7E6316

Ochre · Olive · Honey Gold

HEX
#7E6316
RGB
rgb(126, 99, 22)
HSL
hsl(44, 70%, 29%)
HSB
hsb(44, 83%, 49%)
CMYK
cmyk(0%, 21%, 83%, 51%)
Oklch
oklch(51.3% 0.096 87.9)

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

#3E1F03

Tangerine · Black · Cinnamon

HEX
#3E1F03
RGB
rgb(62, 31, 3)
HSL
hsl(28, 91%, 13%)
HSB
hsb(28, 95%, 24%)
CMYK
cmyk(0%, 50%, 95%, 76%)
Oklch
oklch(27.7% 0.062 58.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFD29B
AF9CD3

Analogous

D3CB9C
BFD29B
A5D39C

Triadic

BFD29B
9CC0D3
D39CC0

Split-Comp.

BFD29B
9CA5D3
CB9CD3

Tetradic

BFD29B
9CD3CB
AF9CD3
D39CA5

Contrast Matrix WCAG 2.1 Contrast

BFD29B
8C9E6E
8F873C
7E6316
3E1F03
—
1.8
Fail
2.3
Fail
3.5
AA Large
9.2
AAA
1.8
Fail
—
1.3
Fail
2.0
Fail
5.2
AA
2.3
Fail
1.3
Fail
—
1.5
Fail
4.1
AA Large
3.5
AA Large
2.0
Fail
1.5
Fail
—
2.6
Fail
9.2
AAA
5.2
AA
4.1
AA Large
2.6
Fail
—
White BG
1.6Fail
2.9Fail
3.7AA Large
5.7AA
15.0AAA
Black BG
12.9AAA
7.2AAA
5.7AA
3.7AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7A8
94947A
8C8B4E
727229
31300A

Deuteranopia

C6C5AC
93917C
8C8D53
74762D
32350B

Tritanopia

C0B3B5
8D8385
8F5C60
7D373B
3C0F10

Achromatopsia

C6C6C6
939393
818181
626262
252525

Shades & Tints Shades & Tints

#BFD29B

Dark
Light

#8C9E6E

Dark
Light

#8F873C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfd29b;
  --color-2: #8c9e6e;
  --color-3: #8f873c;
  --color-4: #7e6316;
  --color-5: #3e1f03;
}

SCSS

$color-1: #bfd29b;
$color-2: #8c9e6e;
$color-3: #8f873c;
$color-4: #7e6316;
$color-5: #3e1f03;

TAILWIND

colors: {
  'brand-1': '#bfd29b',
  'brand-2': '#8c9e6e',
  'brand-3': '#8f873c',
  'brand-4': '#7e6316',
  'brand-5': '#3e1f03',
}

RGB Array

[191, 210, 155], [140, 158, 110], [143, 135, 60], [126, 99, 22], [62, 31, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFD29B, #8C9E6E, #8F873C, #7E6316, #3E1F03 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: #bfd29b; --color-2: #8c9e6e; --color-3: #8f873c; --color-4: #7e6316; --color-5: #3e1f03. 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