← Back to Editor

#DEB17E · #965120 · #4C614F · #393B23 · #302607

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

#DEB17E

Ginger · BurlyWood · Warm Sun

HEX
#DEB17E
RGB
rgb(222, 177, 126)
HSL
hsl(32, 59%, 68%)
HSB
hsb(32, 43%, 87%)
CMYK
cmyk(0%, 20%, 43%, 13%)
Oklch
oklch(78.9% 0.085 69.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#965120

Tangerine · Sienna · Amber Brown

HEX
#965120
RGB
rgb(150, 81, 32)
HSL
hsl(25, 65%, 36%)
HSB
hsb(25, 79%, 59%)
CMYK
cmyk(0%, 46%, 79%, 41%)
Oklch
oklch(50.9% 0.111 52.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#4C614F

Celadon · DarkSlateGray · Forest Green

HEX
#4C614F
RGB
rgb(76, 97, 79)
HSL
hsl(129, 12%, 34%)
HSB
hsb(129, 22%, 38%)
CMYK
cmyk(22%, 0%, 19%, 62%)
Oklch
oklch(47.0% 0.038 148.9)

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

#393B23

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#393B23
RGB
rgb(57, 59, 35)
HSL
hsl(65, 26%, 18%)
HSB
hsb(65, 41%, 23%)
CMYK
cmyk(3%, 0%, 41%, 77%)
Oklch
oklch(34.3% 0.039 112.3)

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

#302607

Ochre · Black · Amber Gold

HEX
#302607
RGB
rgb(48, 38, 7)
HSL
hsl(45, 75%, 11%)
HSB
hsb(45, 85%, 19%)
CMYK
cmyk(0%, 21%, 85%, 81%)
Oklch
oklch(27.3% 0.048 90.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEB17E
7DAADE

Analogous

DE807D
DEB17E
DADE7D

Triadic

DEB17E
7DDEB1
B17DDE

Split-Comp.

DEB17E
7DDADE
807DDE

Tetradic

DEB17E
7DDE80
7DAADE
DE7DDA

Contrast Matrix WCAG 2.1 Contrast

DEB17E
965120
4C614F
393B23
302607
—
3.1
AA Large
3.4
AA Large
5.9
AA
7.6
AAA
3.1
AA Large
—
1.1
Fail
1.9
Fail
2.5
Fail
3.4
AA Large
1.1
Fail
—
1.7
Fail
2.2
Fail
5.9
AA
1.9
Fail
1.7
Fail
—
1.3
Fail
7.6
AAA
2.5
Fail
2.2
Fail
1.3
Fail
—
White BG
2.0Fail
6.0AA
6.7AA
11.5AAA
14.9AAA
Black BG
10.7AAA
3.5AA Large
3.1AA Large
1.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCA8A
78782C
555553
3A3A29
2C2C0F

Deuteranopia

CDD08D
7C812F
545254
3A3A2A
2C2D10

Tritanopia

DC9496
933537
4D5758
392D2E
2F1416

Achromatopsia

B9B9B9
606060
595959
383838
252525

Shades & Tints Shades & Tints

#DEB17E

Dark
Light

#965120

Dark
Light

#4C614F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deb17e;
  --color-2: #965120;
  --color-3: #4c614f;
  --color-4: #393b23;
  --color-5: #302607;
}

SCSS

$color-1: #deb17e;
$color-2: #965120;
$color-3: #4c614f;
$color-4: #393b23;
$color-5: #302607;

TAILWIND

colors: {
  'brand-1': '#deb17e',
  'brand-2': '#965120',
  'brand-3': '#4c614f',
  'brand-4': '#393b23',
  'brand-5': '#302607',
}

RGB Array

[222, 177, 126], [150, 81, 32], [76, 97, 79], [57, 59, 35], [48, 38, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEB17E, #965120, #4C614F, #393B23, #302607 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: #deb17e; --color-2: #965120; --color-3: #4c614f; --color-4: #393b23; --color-5: #302607. 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