← Back to Editor

#2B2114 · #AD8409 · #E7EAB5 · #1A130D · #CCD91A

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

#2B2114

Ochre · Black · Cinnamon

HEX
#2B2114
RGB
rgb(43, 33, 20)
HSL
hsl(34, 37%, 12%)
HSB
hsb(34, 53%, 17%)
CMYK
cmyk(0%, 23%, 53%, 83%)
Oklch
oklch(25.6% 0.027 73.4)

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

#AD8409

Ochre · DarkGoldenRod · Honey Gold

HEX
#AD8409
RGB
rgb(173, 132, 9)
HSL
hsl(45, 90%, 36%)
HSB
hsb(45, 95%, 68%)
CMYK
cmyk(0%, 24%, 95%, 32%)
Oklch
oklch(63.6% 0.128 86.2)

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

#E7EAB5

Fresh Green · Wheat · Lemon Cream

HEX
#E7EAB5
RGB
rgb(231, 234, 181)
HSL
hsl(63, 56%, 81%)
HSB
hsb(63, 23%, 92%)
CMYK
cmyk(1%, 0%, 23%, 8%)
Oklch
oklch(92.2% 0.069 110.4)

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

#1A130D

Tangerine · Black · Cinnamon

HEX
#1A130D
RGB
rgb(26, 19, 13)
HSL
hsl(28, 33%, 8%)
HSB
hsb(28, 50%, 10%)
CMYK
cmyk(0%, 27%, 50%, 90%)
Oklch
oklch(19.4% 0.016 62.2)

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

#CCD91A

Autumn Sage · GreenYellow · Honey Gold

HEX
#CCD91A
RGB
rgb(204, 217, 26)
HSL
hsl(64, 79%, 48%)
HSB
hsb(64, 88%, 85%)
CMYK
cmyk(6%, 0%, 88%, 15%)
Oklch
oklch(84.7% 0.186 114.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B2114
131D2A

Analogous

2A1513
2B2114
282A13

Triadic

2B2114
132A20
20132A

Split-Comp.

2B2114
13282A
15132A

Tetradic

2B2114
132A15
131D2A
2A1328

Contrast Matrix WCAG 2.1 Contrast

2B2114
AD8409
E7EAB5
1A130D
CCD91A
—
4.6
AA
12.7
AAA
1.2
Fail
10.2
AAA
4.6
AA
—
2.8
Fail
5.3
AA
2.2
Fail
12.7
AAA
2.8
Fail
—
14.7
AAA
1.2
Fail
1.2
Fail
5.3
AA
14.7
AAA
—
11.8
AAA
10.2
AAA
2.2
Fail
1.2
Fail
11.8
AAA
—
White BG
15.8AAA
3.5AA Large
1.2Fail
18.4AAA
1.6Fail
Black BG
1.3Fail
6.1AA
16.8AAA
1.1Fail
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

272717
9B9B27
E8E8C2
17170E
D2D248

Deuteranopia

272818
9EA12E
E8E8C5
17180F
D1D053

Tritanopia

2B1A1A
AB3E43
E7CCCE
1A1010
CD6D75

Achromatopsia

232323
828282
E3E3E3
141414
BFBFBF

Shades & Tints Shades & Tints

#2B2114

Dark
Light

#AD8409

Dark
Light

#E7EAB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b2114;
  --color-2: #ad8409;
  --color-3: #e7eab5;
  --color-4: #1a130d;
  --color-5: #ccd91a;
}

SCSS

$color-1: #2b2114;
$color-2: #ad8409;
$color-3: #e7eab5;
$color-4: #1a130d;
$color-5: #ccd91a;

TAILWIND

colors: {
  'brand-1': '#2b2114',
  'brand-2': '#ad8409',
  'brand-3': '#e7eab5',
  'brand-4': '#1a130d',
  'brand-5': '#ccd91a',
}

RGB Array

[43, 33, 20], [173, 132, 9], [231, 234, 181], [26, 19, 13], [204, 217, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B2114, #AD8409, #E7EAB5, #1A130D, #CCD91A 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: #2b2114; --color-2: #ad8409; --color-3: #e7eab5; --color-4: #1a130d; --color-5: #ccd91a. 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