← Back to Editor

#E2DEAF · #2F422C · #0B2005 · #753306 · #C29F4F

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

#E2DEAF

Fresh Green · Wheat · Lemon Cream

HEX
#E2DEAF
RGB
rgb(226, 222, 175)
HSL
hsl(55, 47%, 79%)
HSB
hsb(55, 23%, 89%)
CMYK
cmyk(0%, 2%, 23%, 11%)
Oklch
oklch(89.2% 0.062 103.5)

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

#2F422C

Celadon · DarkSlateGray · Forest Green

HEX
#2F422C
RGB
rgb(47, 66, 44)
HSL
hsl(112, 20%, 22%)
HSB
hsb(112, 33%, 26%)
CMYK
cmyk(29%, 0%, 33%, 74%)
Oklch
oklch(35.6% 0.044 141.2)

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

#0B2005

Pine Green · Black · Dark Green

HEX
#0B2005
RGB
rgb(11, 32, 5)
HSL
hsl(107, 73%, 7%)
HSB
hsb(107, 84%, 13%)
CMYK
cmyk(66%, 0%, 84%, 87%)
Oklch
oklch(21.8% 0.056 138.8)

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

#753306

Tangerine · Maroon · Cinnamon

HEX
#753306
RGB
rgb(117, 51, 6)
HSL
hsl(24, 90%, 24%)
HSB
hsb(24, 95%, 46%)
CMYK
cmyk(0%, 56%, 95%, 54%)
Oklch
oklch(40.5% 0.106 47.9)

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

#C29F4F

Ginger · SandyBrown · Sunflower

HEX
#C29F4F
RGB
rgb(194, 159, 79)
HSL
hsl(42, 49%, 54%)
HSB
hsb(42, 59%, 76%)
CMYK
cmyk(0%, 18%, 59%, 24%)
Oklch
oklch(71.8% 0.107 85.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2DEAF
B0B4E3

Analogous

E3C5B0
E2DEAF
CEE3B0

Triadic

E2DEAF
B0E3DE
DEB0E3

Split-Comp.

E2DEAF
B0CEE3
C5B0E3

Tetradic

E2DEAF
B0E3C5
B0B4E3
E3B0CE

Contrast Matrix WCAG 2.1 Contrast

E2DEAF
2F422C
0B2005
753306
C29F4F
—
7.9
AAA
12.5
AAA
6.9
AA
1.8
Fail
7.9
AAA
—
1.6
Fail
1.2
Fail
4.3
AA Large
12.5
AAA
1.6
Fail
—
1.8
Fail
6.8
AA
6.9
AA
1.2
Fail
1.8
Fail
—
3.7
AA Large
1.8
Fail
4.3
AA Large
6.8
AA
3.7
AA Large
—
White BG
1.4Fail
10.8AAA
17.2AAA
9.4AAA
2.5Fail
Black BG
15.3AAA
1.9Fail
1.2Fail
2.2Fail
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0BA
373731
14140C
585811
B3B362

Deuteranopia

E1E1BD
363533
13110D
5C6114
B5B767

Tritanopia

E2C3C5
303636
0C1112
72191B
C07275

Achromatopsia

DADADA
3A3A3A
171717
424242
A0A0A0

Shades & Tints Shades & Tints

#E2DEAF

Dark
Light

#2F422C

Dark
Light

#0B2005

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2deaf;
  --color-2: #2f422c;
  --color-3: #0b2005;
  --color-4: #753306;
  --color-5: #c29f4f;
}

SCSS

$color-1: #e2deaf;
$color-2: #2f422c;
$color-3: #0b2005;
$color-4: #753306;
$color-5: #c29f4f;

TAILWIND

colors: {
  'brand-1': '#e2deaf',
  'brand-2': '#2f422c',
  'brand-3': '#0b2005',
  'brand-4': '#753306',
  'brand-5': '#c29f4f',
}

RGB Array

[226, 222, 175], [47, 66, 44], [11, 32, 5], [117, 51, 6], [194, 159, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2DEAF, #2F422C, #0B2005, #753306, #C29F4F 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: #e2deaf; --color-2: #2f422c; --color-3: #0b2005; --color-4: #753306; --color-5: #c29f4f. 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