← Back to Editor

#2E2520 · #4B4B4B · #EFEEDB · #57600A · #2E4824

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

#2E2520

Tangerine · DarkSlateGray · Cinnamon

HEX
#2E2520
RGB
rgb(46, 37, 32)
HSL
hsl(21, 18%, 15%)
HSB
hsb(21, 30%, 18%)
CMYK
cmyk(0%, 20%, 30%, 82%)
Oklch
oklch(27.3% 0.016 50.7)

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

#4B4B4B

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4B4B4B
RGB
rgb(75, 75, 75)
HSL
hsl(0, 0%, 29%)
HSB
hsb(0, 0%, 29%)
CMYK
cmyk(0%, 0%, 0%, 71%)
Oklch
oklch(41.3% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#EFEEDB

Fresh Green · Beige · Lemon Cream

HEX
#EFEEDB
RGB
rgb(239, 238, 219)
HSL
hsl(57, 38%, 90%)
HSB
hsb(57, 8%, 94%)
CMYK
cmyk(0%, 0%, 8%, 6%)
Oklch
oklch(94.5% 0.025 104.4)

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

#57600A

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#57600A
RGB
rgb(87, 96, 10)
HSL
hsl(66, 81%, 21%)
HSB
hsb(66, 90%, 38%)
CMYK
cmyk(9%, 0%, 90%, 62%)
Oklch
oklch(46.6% 0.102 116.1)

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

#2E4824

Celadon · DarkSlateGray · Forest Green

HEX
#2E4824
RGB
rgb(46, 72, 36)
HSL
hsl(103, 33%, 21%)
HSB
hsb(103, 50%, 28%)
CMYK
cmyk(36%, 0%, 50%, 72%)
Oklch
oklch(37.0% 0.067 137.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E2520
1F282D

Analogous

2D1F21
2E2520
2D2B1F

Triadic

2E2520
1F2D24
241F2D

Split-Comp.

2E2520
1F2D2B
1F212D

Tetradic

2E2520
212D1F
1F282D
2B1F2D

Contrast Matrix WCAG 2.1 Contrast

2E2520
4B4B4B
EFEEDB
57600A
2E4824
—
1.7
Fail
12.8
AAA
2.2
Fail
1.5
Fail
1.7
Fail
—
7.4
AAA
1.3
Fail
1.2
Fail
12.8
AAA
7.4
AAA
—
5.8
AA
8.7
AAA
2.2
Fail
1.3
Fail
5.8
AA
—
1.5
Fail
1.5
Fail
1.2
Fail
8.7
AAA
1.5
Fail
—
White BG
15.0AAA
8.7AAA
1.2Fail
6.8AA
10.2AAA
Black BG
1.4Fail
2.4Fail
17.9AAA
3.1AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A21
4B4B4B
EFEFE0
5B5B1F
39392D

Deuteranopia

2B2B22
4B4B4B
EFEFE1
5A5A24
38362F

Tritanopia

2E2222
4B4B4B
EFE3E4
572F33
2F3435

Achromatopsia

272727
4B4B4B
ECECEC
545454
3C3C3C

Shades & Tints Shades & Tints

#2E2520

Dark
Light

#4B4B4B

Dark
Light

#EFEEDB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e2520;
  --color-2: #4b4b4b;
  --color-3: #efeedb;
  --color-4: #57600a;
  --color-5: #2e4824;
}

SCSS

$color-1: #2e2520;
$color-2: #4b4b4b;
$color-3: #efeedb;
$color-4: #57600a;
$color-5: #2e4824;

TAILWIND

colors: {
  'brand-1': '#2e2520',
  'brand-2': '#4b4b4b',
  'brand-3': '#efeedb',
  'brand-4': '#57600a',
  'brand-5': '#2e4824',
}

RGB Array

[46, 37, 32], [75, 75, 75], [239, 238, 219], [87, 96, 10], [46, 72, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E2520, #4B4B4B, #EFEEDB, #57600A, #2E4824 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: #2e2520; --color-2: #4b4b4b; --color-3: #efeedb; --color-4: #57600a; --color-5: #2e4824. 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