← Back to Editor

#2E2A0A · #ECEAB4 · #C0BF9A · #969073 · #7C7A6A

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

#2E2A0A

Autumn Sage · Black · Amber Gold

HEX
#2E2A0A
RGB
rgb(46, 42, 10)
HSL
hsl(53, 64%, 11%)
HSB
hsb(53, 78%, 18%)
CMYK
cmyk(0%, 9%, 78%, 82%)
Oklch
oklch(28.2% 0.048 102.2)

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

#ECEAB4

Fresh Green · Wheat · Lemon Cream

HEX
#ECEAB4
RGB
rgb(236, 234, 180)
HSL
hsl(58, 60%, 82%)
HSB
hsb(58, 24%, 93%)
CMYK
cmyk(0%, 1%, 24%, 7%)
Oklch
oklch(92.5% 0.070 105.9)

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

#C0BF9A

Fresh Green · Tan · Sunflower

HEX
#C0BF9A
RGB
rgb(192, 191, 154)
HSL
hsl(58, 23%, 68%)
HSB
hsb(58, 20%, 75%)
CMYK
cmyk(0%, 1%, 20%, 25%)
Oklch
oklch(79.6% 0.050 106.2)

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

#969073

Autumn Sage · Gray · Sunflower

HEX
#969073
RGB
rgb(150, 144, 115)
HSL
hsl(50, 14%, 52%)
HSB
hsb(50, 23%, 59%)
CMYK
cmyk(0%, 4%, 23%, 41%)
Oklch
oklch(65.1% 0.042 97.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#7C7A6A

Autumn Sage · Gray · Warm Gray

HEX
#7C7A6A
RGB
rgb(124, 122, 106)
HSL
hsl(53, 8%, 45%)
HSB
hsb(53, 15%, 49%)
CMYK
cmyk(0%, 2%, 15%, 51%)
Oklch
oklch(57.7% 0.024 101.3)

Traditional「Autumn Sage」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E2A0A
0A0E2E

Analogous

2E180A
2E2A0A
202E0A

Triadic

2E2A0A
0A2E2A
2A0A2E

Split-Comp.

2E2A0A
0A202E
180A2E

Tetradic

2E2A0A
0A2E18
0A0E2E
2E0A20

Contrast Matrix WCAG 2.1 Contrast

2E2A0A
ECEAB4
C0BF9A
969073
7C7A6A
—
11.7
AAA
7.7
AAA
4.5
AA
3.3
AA Large
11.7
AAA
—
1.5
Fail
2.6
Fail
3.5
AA Large
7.7
AAA
1.5
Fail
—
1.7
Fail
2.3
Fail
4.5
AA
2.6
Fail
1.7
Fail
—
1.3
Fail
3.3
AA Large
3.5
AA Large
2.3
Fail
1.3
Fail
—
White BG
14.5AAA
1.2Fail
1.9Fail
3.2AA Large
4.3AA Large
Black BG
1.5Fail
17.0AAA
11.2AAA
6.5AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C12
EBEBC1
C0C0A3
93937A
7B7B6E

Deuteranopia

2D2D14
EBEBC4
C0C0A5
94947C
7B7B6F

Tritanopia

2E1819
ECCBCE
C0AAAC
968081
7C7172

Achromatopsia

282828
E4E4E4
BBBBBB
8E8E8E
797979

Shades & Tints Shades & Tints

#2E2A0A

Dark
Light

#ECEAB4

Dark
Light

#C0BF9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e2a0a;
  --color-2: #eceab4;
  --color-3: #c0bf9a;
  --color-4: #969073;
  --color-5: #7c7a6a;
}

SCSS

$color-1: #2e2a0a;
$color-2: #eceab4;
$color-3: #c0bf9a;
$color-4: #969073;
$color-5: #7c7a6a;

TAILWIND

colors: {
  'brand-1': '#2e2a0a',
  'brand-2': '#eceab4',
  'brand-3': '#c0bf9a',
  'brand-4': '#969073',
  'brand-5': '#7c7a6a',
}

RGB Array

[46, 42, 10], [236, 234, 180], [192, 191, 154], [150, 144, 115], [124, 122, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E2A0A, #ECEAB4, #C0BF9A, #969073, #7C7A6A 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: #2e2a0a; --color-2: #eceab4; --color-3: #c0bf9a; --color-4: #969073; --color-5: #7c7a6a. 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