#DA9C3C + #CB5911 + #832D19 + #B4B746 + #4F434F · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DA9C3C

Ginger · GoldenRod · Warm Sun

HEX

#DA9C3C

RGB

rgb(218, 156, 60)

HSL

hsl(36, 68%, 55%)

HSB

hsb(36, 72%, 85%)

CMYK

cmyk(0%, 28%, 72%, 15%)

Oklch

oklch(73.6% 0.132 74.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#CB5911

Tangerine · Chocolate · Amber Brown

HEX

#CB5911

RGB

rgb(203, 89, 17)

HSL

hsl(23, 85%, 43%)

HSB

hsb(23, 92%, 80%)

CMYK

cmyk(0%, 56%, 92%, 20%)

Oklch

oklch(59.9% 0.163 45.9)

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

#832D19

Vermilion · Brown · Wine Red

HEX

#832D19

RGB

rgb(131, 45, 25)

HSL

hsl(11, 68%, 31%)

HSB

hsb(11, 81%, 51%)

CMYK

cmyk(0%, 66%, 81%, 49%)

Oklch

oklch(42.1% 0.123 34.4)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#B4B746

Autumn Sage · GoldenRod · Honey Gold

HEX

#B4B746

RGB

rgb(180, 183, 70)

HSL

hsl(62, 45%, 50%)

HSB

hsb(62, 62%, 72%)

CMYK

cmyk(2%, 0%, 62%, 28%)

Oklch

oklch(75.5% 0.135 110.7)

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

#4F434F

Rose Purple · DarkSlateGray · Charcoal

HEX

#4F434F

RGB

rgb(79, 67, 79)

HSL

hsl(300, 8%, 29%)

HSB

hsb(300, 15%, 31%)

CMYK

cmyk(0%, 15%, 0%, 69%)

Oklch

oklch(40.0% 0.025 326.0)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA9C3C

3E7DDA

Analogous

DA4E3E

DA9C3C

CBDA3E

Triadic

DA9C3C

3EDA9C

9C3EDA

Split-Comp.

DA9C3C

3ECBDA

4E3EDA

Tetradic

DA9C3C

3EDA4E

3E7DDA

DA3ECB

Contrast Matrix WCAG 2.1 Contrast

DA9C3C	CB5911	832D19	B4B746	4F434F
—	1.8 Fail	3.7 AA Large	1.1 Fail	3.9 AA Large
1.8 Fail	—	2.1 Fail	2.0 Fail	2.2 Fail
3.7 AA Large	2.1 Fail	—	4.2 AA Large	1.0 Fail
1.1 Fail	2.0 Fail	4.2 AA Large	—	4.4 AA Large
3.9 AA Large	2.2 Fail	1.0 Fail	4.4 AA Large	—

White BG

2.4Fail

4.2AA Large

8.9AAA

2.1Fail

9.3AAA

Black BG

8.8AAA

5.0AA

2.4Fail

9.8AAA

2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF53

9A9922

5E5D1E

B5B561

4A4A4C

Deuteranopia

C3C759

A0A927

63691F

B5B568

4B4B4B

Tritanopia

D7666A

C53033

7F2223

B4777C

4E4A49

Achromatopsia

A4A4A4

737373

444444

A9A9A9

484848

Shades & Tints Shades & Tints

#DA9C3C

Dark

Light

#CB5911

Dark

Light

#832D19

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da9c3c;
  --color-2: #cb5911;
  --color-3: #832d19;
  --color-4: #b4b746;
  --color-5: #4f434f;
}

SCSS

$color-1: #da9c3c;
$color-2: #cb5911;
$color-3: #832d19;
$color-4: #b4b746;
$color-5: #4f434f;

TAILWIND

colors: {
  'brand-1': '#da9c3c',
  'brand-2': '#cb5911',
  'brand-3': '#832d19',
  'brand-4': '#b4b746',
  'brand-5': '#4f434f',
}

RGB Array

[218, 156, 60], [203, 89, 17], [131, 45, 25], [180, 183, 70], [79, 67, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #DA9C3C, #CB5911, #832D19, #B4B746, #4F434F is ideal for: corporate websites, product showcases, portfolios. 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: #da9c3c; --color-2: #cb5911; --color-3: #832d19; --color-4: #b4b746; --color-5: #4f434f. 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. 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 dark-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