← Back to Editor

#2C2920 · #7B8062 · #B8BF0F · #050702 · #747F07

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

#2C2920

Ochre · DarkSlateGray · Amber Gold

HEX
#2C2920
RGB
rgb(44, 41, 32)
HSL
hsl(45, 16%, 15%)
HSB
hsb(45, 27%, 17%)
CMYK
cmyk(0%, 7%, 27%, 83%)
Oklch
oklch(28.1% 0.016 91.8)

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

#7B8062

Grass Green · DimGray · Olive Green

HEX
#7B8062
RGB
rgb(123, 128, 98)
HSL
hsl(70, 13%, 44%)
HSB
hsb(70, 23%, 50%)
CMYK
cmyk(4%, 0%, 23%, 50%)
Oklch
oklch(58.7% 0.044 115.5)

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

#B8BF0F

Autumn Sage · GoldenRod · Honey Gold

HEX
#B8BF0F
RGB
rgb(184, 191, 15)
HSL
hsl(62, 85%, 40%)
HSB
hsb(62, 92%, 75%)
CMYK
cmyk(4%, 0%, 92%, 25%)
Oklch
oklch(77.3% 0.169 112.4)

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

#050702

Grass Green · Black · Dark Green

HEX
#050702
RGB
rgb(5, 7, 2)
HSL
hsl(84, 56%, 2%)
HSB
hsb(84, 71%, 3%)
CMYK
cmyk(29%, 0%, 71%, 97%)
Oklch
oklch(12.2% 0.018 123.7)

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

#747F07

Autumn Sage · Olive · Honey Gold

HEX
#747F07
RGB
rgb(116, 127, 7)
HSL
hsl(66, 90%, 26%)
HSB
hsb(66, 94%, 50%)
CMYK
cmyk(9%, 0%, 94%, 50%)
Oklch
oklch(56.8% 0.127 115.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C2920
20232C

Analogous

2C2320
2C2920
292C20

Triadic

2C2920
202C29
29202C

Split-Comp.

2C2920
20292C
23202C

Tetradic

2C2920
202C23
20232C
2C2029

Contrast Matrix WCAG 2.1 Contrast

2C2920
7B8062
B8BF0F
050702
747F07
—
3.5
AA Large
7.3
AAA
1.4
Fail
3.3
AA Large
3.5
AA Large
—
2.1
Fail
4.9
AA
1.1
Fail
7.3
AAA
2.1
Fail
—
10.1
AAA
2.2
Fail
1.4
Fail
4.9
AA
10.1
AAA
—
4.6
AA
3.3
AA Large
1.1
Fail
2.2
Fail
4.6
AA
—
White BG
14.5AAA
4.1AA Large
2.0Fail
20.2AAA
4.4AA Large
Black BG
1.4Fail
5.1AA
10.5AAA
1.0Fail
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B22
7D7D69
BBBB3A
060603
797924

Deuteranopia

2B2B23
7D7D6B
BBBA44
060604
78772B

Tritanopia

2C2424
7B6F70
B85B63
050404
753B40

Achromatopsia

292929
7B7B7B
A9A9A9
060606
6E6E6E

Shades & Tints Shades & Tints

#2C2920

Dark
Light

#7B8062

Dark
Light

#B8BF0F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c2920;
  --color-2: #7b8062;
  --color-3: #b8bf0f;
  --color-4: #050702;
  --color-5: #747f07;
}

SCSS

$color-1: #2c2920;
$color-2: #7b8062;
$color-3: #b8bf0f;
$color-4: #050702;
$color-5: #747f07;

TAILWIND

colors: {
  'brand-1': '#2c2920',
  'brand-2': '#7b8062',
  'brand-3': '#b8bf0f',
  'brand-4': '#050702',
  'brand-5': '#747f07',
}

RGB Array

[44, 41, 32], [123, 128, 98], [184, 191, 15], [5, 7, 2], [116, 127, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2C2920, #7B8062, #B8BF0F, #050702, #747F07 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: #2c2920; --color-2: #7b8062; --color-3: #b8bf0f; --color-4: #050702; --color-5: #747f07. 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