← Back to Editor

#AD947E · #807E69 · #5A5E47 · #462E46 · #8F3342

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#AD947E

Tangerine · DarkGray · Warm Sun

HEX
#AD947E
RGB
rgb(173, 148, 126)
HSL
hsl(28, 22%, 59%)
HSB
hsb(28, 27%, 68%)
CMYK
cmyk(0%, 14%, 27%, 32%)
Oklch
oklch(68.3% 0.043 63.4)

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

#807E69

Autumn Sage · Gray · Honey Gold

HEX
#807E69
RGB
rgb(128, 126, 105)
HSL
hsl(55, 10%, 46%)
HSB
hsb(55, 18%, 50%)
CMYK
cmyk(0%, 2%, 18%, 50%)
Oklch
oklch(58.9% 0.031 102.8)

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

#5A5E47

Grass Green · DarkOliveGreen · Forest Green

HEX
#5A5E47
RGB
rgb(90, 94, 71)
HSL
hsl(70, 14%, 32%)
HSB
hsb(70, 24%, 37%)
CMYK
cmyk(4%, 0%, 24%, 63%)
Oklch
oklch(47.2% 0.036 115.8)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#462E46

Rose Purple · DarkSlateGray · Eggplant

HEX
#462E46
RGB
rgb(70, 46, 70)
HSL
hsl(300, 21%, 23%)
HSB
hsb(300, 34%, 27%)
CMYK
cmyk(0%, 34%, 0%, 73%)
Oklch
oklch(33.9% 0.052 326.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#8F3342

Crimson · Brown · Wine Red

HEX
#8F3342
RGB
rgb(143, 51, 66)
HSL
hsl(350, 47%, 38%)
HSB
hsb(350, 64%, 56%)
CMYK
cmyk(0%, 64%, 54%, 44%)
Oklch
oklch(45.7% 0.125 13.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD947E
7F98AD

Analogous

AD7F81
AD947E
ADAC7F

Triadic

AD947E
7FAD95
957FAD

Split-Comp.

AD947E
7FADAC
7F81AD

Tetradic

AD947E
81AD7F
7F98AD
AC7FAD

Contrast Matrix WCAG 2.1 Contrast

AD947E
807E69
5A5E47
462E46
8F3342
—
1.4
Fail
2.3
Fail
4.2
AA Large
2.7
Fail
1.4
Fail
—
1.6
Fail
2.9
Fail
1.9
Fail
2.3
Fail
1.6
Fail
—
1.8
Fail
1.1
Fail
4.2
AA Large
2.9
Fail
1.8
Fail
—
1.6
Fail
2.7
Fail
1.9
Fail
1.1
Fail
1.6
Fail
—
White BG
2.9Fail
4.1AA Large
6.7AA
12.1AAA
7.7AAA
Black BG
7.3AAA
5.1AA
3.1AA Large
1.7Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A283
7F7F6E
5C5C4D
3C3B40
67663E

Deuteranopia

A4A685
7F7F6F
5C5B4E
3D3F3F
6D733D

Tritanopia

AC8888
807273
5A5152
453C3B
8A3C3B

Achromatopsia

999999
7C7C7C
5A5A5A
383838
505050

Shades & Tints Shades & Tints

#AD947E

Dark
Light

#807E69

Dark
Light

#5A5E47

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad947e;
  --color-2: #807e69;
  --color-3: #5a5e47;
  --color-4: #462e46;
  --color-5: #8f3342;
}

SCSS

$color-1: #ad947e;
$color-2: #807e69;
$color-3: #5a5e47;
$color-4: #462e46;
$color-5: #8f3342;

TAILWIND

colors: {
  'brand-1': '#ad947e',
  'brand-2': '#807e69',
  'brand-3': '#5a5e47',
  'brand-4': '#462e46',
  'brand-5': '#8f3342',
}

RGB Array

[173, 148, 126], [128, 126, 105], [90, 94, 71], [70, 46, 70], [143, 51, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD947E, #807E69, #5A5E47, #462E46, #8F3342 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: #ad947e; --color-2: #807e69; --color-3: #5a5e47; --color-4: #462e46; --color-5: #8f3342. 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 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