#A39E3E + #0D3336 + #DB6504 + #5E8F7E + #787319 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A39E3E

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A39E3E

RGB

rgb(163, 158, 62)

HSL

hsl(57, 45%, 44%)

HSB

hsb(57, 62%, 64%)

CMYK

cmyk(0%, 3%, 62%, 36%)

Oklch

oklch(68.5% 0.118 106.3)

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

#0D3336

Lake Blue · DarkSlateGray · Peacock Green

HEX

#0D3336

RGB

rgb(13, 51, 54)

HSL

hsl(184, 61%, 13%)

HSB

hsb(184, 76%, 21%)

CMYK

cmyk(76%, 6%, 0%, 79%)

Oklch

oklch(29.6% 0.042 202.6)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#DB6504

Tangerine · Chocolate · Amber Brown

HEX

#DB6504

RGB

rgb(219, 101, 4)

HSL

hsl(27, 96%, 44%)

HSB

hsb(27, 98%, 86%)

CMYK

cmyk(0%, 54%, 98%, 14%)

Oklch

oklch(64.0% 0.171 49.0)

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

#5E8F7E

Mineral Blue · SlateGray · Olive Green

HEX

#5E8F7E

RGB

rgb(94, 143, 126)

HSL

hsl(159, 21%, 46%)

HSB

hsb(159, 34%, 56%)

CMYK

cmyk(34%, 0%, 12%, 44%)

Oklch

oklch(61.0% 0.059 170.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#787319

Autumn Sage · Olive · Honey Gold

HEX

#787319

RGB

rgb(120, 115, 25)

HSL

hsl(57, 66%, 28%)

HSB

hsb(57, 79%, 47%)

CMYK

cmyk(0%, 4%, 79%, 53%)

Oklch

oklch(54.3% 0.106 106.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A39E3E

3E43A3

Analogous

A36B3E

A39E3E

75A33E

Triadic

A39E3E

3EA39E

9E3EA3

Split-Comp.

A39E3E

3E75A3

6B3EA3

Tetradic

A39E3E

3EA36B

3E43A3

A33E75

Contrast Matrix WCAG 2.1 Contrast

A39E3E	0D3336	DB6504	5E8F7E	787319
—	4.9 AA	1.3 Fail	1.3 Fail	1.8 Fail
4.9 AA	—	3.8 AA Large	3.7 AA Large	2.8 Fail
1.3 Fail	3.8 AA Large	—	1.0 Fail	1.4 Fail
1.3 Fail	3.7 AA Large	1.0 Fail	—	1.3 Fail
1.8 Fail	2.8 Fail	1.4 Fail	1.3 Fail	—

White BG

2.8Fail

13.6AAA

3.6AA Large

3.7AA Large

4.9AA

Black BG

7.5AAA

1.5Fail

5.9AA

5.7AA

4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A155

1D1E35

A8A71B

737482

76762F

Deuteranopia

A1A25B

1B1835

AFB821

706D83

767734

Tritanopia

A3686C

0F3535

D52E32

608586

784044

Achromatopsia

959595

282828

7D7D7D

7E7E7E

6A6A6A

Shades & Tints Shades & Tints

#A39E3E

Dark

Light

#0D3336

Dark

Light

#DB6504

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a39e3e;
  --color-2: #0d3336;
  --color-3: #db6504;
  --color-4: #5e8f7e;
  --color-5: #787319;
}

SCSS

$color-1: #a39e3e;
$color-2: #0d3336;
$color-3: #db6504;
$color-4: #5e8f7e;
$color-5: #787319;

TAILWIND

colors: {
  'brand-1': '#a39e3e',
  'brand-2': '#0d3336',
  'brand-3': '#db6504',
  'brand-4': '#5e8f7e',
  'brand-5': '#787319',
}

RGB Array

[163, 158, 62], [13, 51, 54], [219, 101, 4], [94, 143, 126], [120, 115, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A39E3E, #0D3336, #DB6504, #5E8F7E, #787319 is ideal for: tech websites, dark mode UIs, game UIs. 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: #a39e3e; --color-2: #0d3336; --color-3: #db6504; --color-4: #5e8f7e; --color-5: #787319. 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. 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