← Back to Editor

#2A242F · #A35B16 · #997C4A · #BA8426 · #A88F82

dark

A 5-color dark 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

#2A242F

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2A242F
RGB
rgb(42, 36, 47)
HSL
hsl(273, 13%, 16%)
HSB
hsb(273, 23%, 18%)
CMYK
cmyk(11%, 23%, 0%, 82%)
Oklch
oklch(27.2% 0.022 309.5)

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

#A35B16

Tangerine · Sienna · Amber Brown

HEX
#A35B16
RGB
rgb(163, 91, 22)
HSL
hsl(29, 76%, 36%)
HSB
hsb(29, 87%, 64%)
CMYK
cmyk(0%, 44%, 87%, 36%)
Oklch
oklch(54.4% 0.121 57.9)

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

#997C4A

Ochre · Sienna · Amber Brown

HEX
#997C4A
RGB
rgb(153, 124, 74)
HSL
hsl(38, 35%, 45%)
HSB
hsb(38, 52%, 60%)
CMYK
cmyk(0%, 19%, 52%, 40%)
Oklch
oklch(60.3% 0.076 80.1)

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

#BA8426

Ochre · DarkGoldenRod · Amber Brown

HEX
#BA8426
RGB
rgb(186, 132, 38)
HSL
hsl(38, 66%, 44%)
HSB
hsb(38, 80%, 73%)
CMYK
cmyk(0%, 29%, 80%, 27%)
Oklch
oklch(65.2% 0.123 76.3)

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

#A88F82

Tangerine · Gray · Warm Sun

HEX
#A88F82
RGB
rgb(168, 143, 130)
HSL
hsl(21, 18%, 58%)
HSB
hsb(21, 23%, 66%)
CMYK
cmyk(0%, 15%, 23%, 34%)
Oklch
oklch(66.9% 0.036 49.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A242F
282E23

Analogous

24232E
2A242F
2E232E

Triadic

2A242F
2E2923
232E29

Split-Comp.

2A242F
2E2E23
232E24

Tetradic

2A242F
2E2423
282E23
232E2E

Contrast Matrix WCAG 2.1 Contrast

2A242F
A35B16
997C4A
BA8426
A88F82
—
2.9
Fail
3.8
AA Large
4.6
AA
5.0
AA
2.9
Fail
—
1.3
Fail
1.6
Fail
1.7
Fail
3.8
AA Large
1.3
Fail
—
1.2
Fail
1.3
Fail
4.6
AA
1.6
Fail
1.2
Fail
—
1.1
Fail
5.0
AA
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
15.1AAA
5.2AA
3.9AA Large
3.3AA Large
3.0AA Large
Black BG
1.4Fail
4.1AA Large
5.3AA
6.4AA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

27272C
848327
8C8C56
A3A23D
9D9D85

Deuteranopia

28282C
888D2B
8E9059
A6AA42
9FA186

Tritanopia

2A2A2A
9F3437
986062
B74F53
A78888

Achromatopsia

272727
696969
7F7F7F
898989
959595

Shades & Tints Shades & Tints

#2A242F

Dark
Light

#A35B16

Dark
Light

#997C4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a242f;
  --color-2: #a35b16;
  --color-3: #997c4a;
  --color-4: #ba8426;
  --color-5: #a88f82;
}

SCSS

$color-1: #2a242f;
$color-2: #a35b16;
$color-3: #997c4a;
$color-4: #ba8426;
$color-5: #a88f82;

TAILWIND

colors: {
  'brand-1': '#2a242f',
  'brand-2': '#a35b16',
  'brand-3': '#997c4a',
  'brand-4': '#ba8426',
  'brand-5': '#a88f82',
}

RGB Array

[42, 36, 47], [163, 91, 22], [153, 124, 74], [186, 132, 38], [168, 143, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #2A242F, #A35B16, #997C4A, #BA8426, #A88F82 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: #2a242f; --color-2: #a35b16; --color-3: #997c4a; --color-4: #ba8426; --color-5: #a88f82. 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 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