← Back to Editor

#81881E · #989812 · #DFEBBD · #2B3208 · #0B100A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#81881E

Autumn Sage · Olive · Honey Gold

HEX
#81881E
RGB
rgb(129, 136, 30)
HSL
hsl(64, 64%, 33%)
HSB
hsb(64, 78%, 53%)
CMYK
cmyk(5%, 0%, 78%, 47%)
Oklch
oklch(60.2% 0.124 113.4)

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

#989812

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#989812
RGB
rgb(152, 152, 18)
HSL
hsl(60, 79%, 33%)
HSB
hsb(60, 88%, 60%)
CMYK
cmyk(0%, 0%, 88%, 40%)
Oklch
oklch(65.8% 0.139 109.7)

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

#DFEBBD

Willow Green · Wheat · Mint Green

HEX
#DFEBBD
RGB
rgb(223, 235, 189)
HSL
hsl(76, 53%, 83%)
HSB
hsb(76, 20%, 92%)
CMYK
cmyk(5%, 0%, 20%, 8%)
Oklch
oklch(91.9% 0.062 119.5)

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

#2B3208

Grass Green · Black · Dark Green

HEX
#2B3208
RGB
rgb(43, 50, 8)
HSL
hsl(70, 72%, 11%)
HSB
hsb(70, 84%, 20%)
CMYK
cmyk(14%, 0%, 84%, 80%)
Oklch
oklch(30.1% 0.062 118.5)

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

#0B100A

Celadon · Black · Dark Green

HEX
#0B100A
RGB
rgb(11, 16, 10)
HSL
hsl(110, 23%, 5%)
HSB
hsb(110, 38%, 6%)
CMYK
cmyk(31%, 0%, 38%, 94%)
Oklch
oklch(16.5% 0.015 140.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

81881E
251E8A

Analogous

8A5B1E
81881E
4D8A1E

Triadic

81881E
1E838A
8A1E83

Split-Comp.

81881E
1E4D8A
5B1E8A

Tetradic

81881E
1E8A5B
251E8A
8A1E4D

Contrast Matrix WCAG 2.1 Contrast

81881E
989812
DFEBBD
2B3208
0B100A
—
1.2
Fail
3.1
AA Large
3.5
AA Large
5.0
AA
1.2
Fail
—
2.5
Fail
4.4
AA Large
6.3
AA
3.1
AA Large
2.5
Fail
—
10.7
AAA
15.3
AAA
3.5
AA Large
4.4
AA Large
10.7
AAA
—
1.4
Fail
5.0
AA
6.3
AA
15.3
AAA
1.4
Fail
—
White BG
3.8AA Large
3.1AA Large
1.3Fail
13.4AAA
19.2AAA
Black BG
5.5AA
6.8AA
16.8AAA
1.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

848438
989832
E4E4C8
2E2E12
0D0D0B

Deuteranopia

84833E
98983A
E4E3CB
2E2D15
0D0D0C

Tritanopia

814C50
984C52
E0D1D3
2B1A1C
0B0D0D

Achromatopsia

7A7A7A
898989
E2E2E2
2B2B2B
0E0E0E

Shades & Tints Shades & Tints

#81881E

Dark
Light

#989812

Dark
Light

#DFEBBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #81881e;
  --color-2: #989812;
  --color-3: #dfebbd;
  --color-4: #2b3208;
  --color-5: #0b100a;
}

SCSS

$color-1: #81881e;
$color-2: #989812;
$color-3: #dfebbd;
$color-4: #2b3208;
$color-5: #0b100a;

TAILWIND

colors: {
  'brand-1': '#81881e',
  'brand-2': '#989812',
  'brand-3': '#dfebbd',
  'brand-4': '#2b3208',
  'brand-5': '#0b100a',
}

RGB Array

[129, 136, 30], [152, 152, 18], [223, 235, 189], [43, 50, 8], [11, 16, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #81881E, #989812, #DFEBBD, #2B3208, #0B100A is ideal for: tech websites, dark mode UIs, game UIs, 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: #81881e; --color-2: #989812; --color-3: #dfebbd; --color-4: #2b3208; --color-5: #0b100a. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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