#AA791A + #71703E + #035E72 + #332639 + #602E30 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AA791A

Ochre · DarkGoldenRod · Honey Gold

HEX

#AA791A

RGB

rgb(170, 121, 26)

HSL

hsl(40, 73%, 38%)

HSB

hsb(40, 85%, 67%)

CMYK

cmyk(0%, 29%, 85%, 33%)

Oklch

oklch(61.0% 0.119 78.1)

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

#71703E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#71703E

RGB

rgb(113, 112, 62)

HSL

hsl(59, 29%, 34%)

HSB

hsb(59, 45%, 44%)

CMYK

cmyk(0%, 1%, 45%, 56%)

Oklch

oklch(53.4% 0.070 107.6)

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

#035E72

Lake Blue · Teal · Peacock Green

HEX

#035E72

RGB

rgb(3, 94, 114)

HSL

hsl(191, 95%, 23%)

HSB

hsb(191, 97%, 45%)

CMYK

cmyk(97%, 18%, 0%, 55%)

Oklch

oklch(44.6% 0.080 219.2)

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

#332639

Dark Plum · DarkSlateGray · Dark Purple

HEX

#332639

RGB

rgb(51, 38, 57)

HSL

hsl(281, 20%, 19%)

HSB

hsb(281, 33%, 22%)

CMYK

cmyk(11%, 33%, 0%, 78%)

Oklch

oklch(29.2% 0.038 314.9)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#602E30

Crimson · DarkOliveGreen · Wine Red

HEX

#602E30

RGB

rgb(96, 46, 48)

HSL

hsl(358, 35%, 28%)

HSB

hsb(358, 52%, 38%)

CMYK

cmyk(0%, 52%, 50%, 62%)

Oklch

oklch(36.9% 0.073 18.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA791A

1A49A8

Analogous

A8321A

AA791A

90A81A

Triadic

AA791A

1AA878

781AA8

Split-Comp.

AA791A

1A90A8

321AA8

Tetradic

AA791A

1AA832

1A49A8

A81A90

Contrast Matrix WCAG 2.1 Contrast

AA791A	71703E	035E72	332639	602E30
—	1.3 Fail	1.9 Fail	3.7 AA Large	2.8 Fail
1.3 Fail	—	1.4 Fail	2.8 Fail	2.1 Fail
1.9 Fail	1.4 Fail	—	1.9 Fail	1.5 Fail
3.7 AA Large	2.8 Fail	1.9 Fail	—	1.3 Fail
2.8 Fail	2.1 Fail	1.5 Fail	1.3 Fail	—

White BG

3.8AA Large

5.1AA

7.4AAA

14.2AAA

10.9AAA

Black BG

5.5AA

4.1AA Large

2.8Fail

1.5Fail

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

959431

71714A

2A2B6D

2D2D34

4A4A30

Deuteranopia

989B37

71714D

251E6C

2E2F33

4D512F

Tritanopia

A84347

715456

086969

323130

5D2F2F

Achromatopsia

7D7D7D

6B6B6B

454545

2C2C2C

3D3D3D

Shades & Tints Shades & Tints

#AA791A

Dark

Light

#71703E

Dark

Light

#035E72

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa791a;
  --color-2: #71703e;
  --color-3: #035e72;
  --color-4: #332639;
  --color-5: #602e30;
}

SCSS

$color-1: #aa791a;
$color-2: #71703e;
$color-3: #035e72;
$color-4: #332639;
$color-5: #602e30;

TAILWIND

colors: {
  'brand-1': '#aa791a',
  'brand-2': '#71703e',
  'brand-3': '#035e72',
  'brand-4': '#332639',
  'brand-5': '#602e30',
}

RGB Array

[170, 121, 26], [113, 112, 62], [3, 94, 114], [51, 38, 57], [96, 46, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #AA791A, #71703E, #035E72, #332639, #602E30 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: #aa791a; --color-2: #71703e; --color-3: #035e72; --color-4: #332639; --color-5: #602e30. 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 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