← Back to Editor

#AC5F4F · #8E5A4F · #745749 · #48443B · #2A3932

dark

A 5-color dark palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#AC5F4F

Crimson · Sienna · Passion Red

HEX
#AC5F4F
RGB
rgb(172, 95, 79)
HSL
hsl(10, 37%, 49%)
HSB
hsb(10, 54%, 67%)
CMYK
cmyk(0%, 45%, 54%, 33%)
Oklch
oklch(57.1% 0.104 32.8)

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

#8E5A4F

Crimson · Sienna · Passion Red

HEX
#8E5A4F
RGB
rgb(142, 90, 79)
HSL
hsl(10, 29%, 43%)
HSB
hsb(10, 44%, 56%)
CMYK
cmyk(0%, 37%, 44%, 44%)
Oklch
oklch(52.2% 0.071 32.6)

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

#745749

Tangerine · DimGray · Amber Brown

HEX
#745749
RGB
rgb(116, 87, 73)
HSL
hsl(20, 23%, 37%)
HSB
hsb(20, 37%, 45%)
CMYK
cmyk(0%, 25%, 37%, 55%)
Oklch
oklch(48.3% 0.044 47.0)

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

#48443B

Ochre · DarkSlateGray · Honey Gold

HEX
#48443B
RGB
rgb(72, 68, 59)
HSL
hsl(42, 10%, 26%)
HSB
hsb(42, 18%, 28%)
CMYK
cmyk(0%, 6%, 18%, 72%)
Oklch
oklch(38.8% 0.016 86.9)

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

#2A3932

Mineral Blue · DarkSlateGray · Dark Green

HEX
#2A3932
RGB
rgb(42, 57, 50)
HSL
hsl(152, 15%, 19%)
HSB
hsb(152, 26%, 22%)
CMYK
cmyk(26%, 0%, 12%, 78%)
Oklch
oklch(32.9% 0.023 164.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC5F4F
4F9CAB

Analogous

AB4F6E
AC5F4F
AB8C4F

Triadic

AC5F4F
4FAB5E
5E4FAB

Split-Comp.

AC5F4F
4FAB8C
4F6EAB

Tetradic

AC5F4F
6EAB4F
4F9CAB
8C4FAB

Contrast Matrix WCAG 2.1 Contrast

AC5F4F
8E5A4F
745749
48443B
2A3932
—
1.2
Fail
1.4
Fail
2.1
Fail
2.6
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
1.9
Fail
2.1
Fail
1.7
Fail
1.5
Fail
—
1.3
Fail
2.6
Fail
2.2
Fail
1.9
Fail
1.3
Fail
—
White BG
4.7AA
5.6AA
6.6AA
9.7AAA
12.1AAA
Black BG
4.5AA
3.7AA Large
3.2AA Large
2.2Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A53
777752
67674C
46463D
303134

Deuteranopia

8F9554
7B7E52
696B4D
47473E
302F34

Tritanopia

A85657
8B5454
734F50
483F3F
2B3535

Achromatopsia

747474
686868
5E5E5E
444444
343434

Shades & Tints Shades & Tints

#AC5F4F

Dark
Light

#8E5A4F

Dark
Light

#745749

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac5f4f;
  --color-2: #8e5a4f;
  --color-3: #745749;
  --color-4: #48443b;
  --color-5: #2a3932;
}

SCSS

$color-1: #ac5f4f;
$color-2: #8e5a4f;
$color-3: #745749;
$color-4: #48443b;
$color-5: #2a3932;

TAILWIND

colors: {
  'brand-1': '#ac5f4f',
  'brand-2': '#8e5a4f',
  'brand-3': '#745749',
  'brand-4': '#48443b',
  'brand-5': '#2a3932',
}

RGB Array

[172, 95, 79], [142, 90, 79], [116, 87, 73], [72, 68, 59], [42, 57, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #AC5F4F, #8E5A4F, #745749, #48443B, #2A3932 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ac5f4f; --color-2: #8e5a4f; --color-3: #745749; --color-4: #48443b; --color-5: #2a3932. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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