← Back to Editor

#87A08A · #A2AB7D · #66591B · #422F29 · #402533

dark

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

#87A08A

Celadon · DarkSeaGreen · Olive Green

HEX
#87A08A
RGB
rgb(135, 160, 138)
HSL
hsl(127, 12%, 58%)
HSB
hsb(127, 16%, 63%)
CMYK
cmyk(16%, 0%, 14%, 37%)
Oklch
oklch(68.0% 0.043 148.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#A2AB7D

Grass Green · DarkSeaGreen · Olive Green

HEX
#A2AB7D
RGB
rgb(162, 171, 125)
HSL
hsl(72, 21%, 58%)
HSB
hsb(72, 27%, 67%)
CMYK
cmyk(5%, 0%, 27%, 33%)
Oklch
oklch(72.2% 0.064 117.0)

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

#66591B

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#66591B
RGB
rgb(102, 89, 27)
HSL
hsl(50, 58%, 25%)
HSB
hsb(50, 74%, 40%)
CMYK
cmyk(0%, 13%, 74%, 60%)
Oklch
oklch(46.4% 0.082 97.2)

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

#422F29

Crimson · DarkSlateGray · Wine Red

HEX
#422F29
RGB
rgb(66, 47, 41)
HSL
hsl(14, 23%, 21%)
HSB
hsb(14, 38%, 26%)
CMYK
cmyk(0%, 29%, 38%, 74%)
Oklch
oklch(32.5% 0.030 38.2)

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

#402533

Rose Purple · DarkSlateGray · Raspberry

HEX
#402533
RGB
rgb(64, 37, 51)
HSL
hsl(329, 27%, 20%)
HSB
hsb(329, 42%, 25%)
CMYK
cmyk(0%, 42%, 20%, 75%)
Oklch
oklch(30.4% 0.046 347.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

87A08A
A1879E

Analogous

91A187
87A08A
87A197

Triadic

87A08A
8A87A1
A18A87

Split-Comp.

87A08A
9787A1
A18791

Tetradic

87A08A
8791A1
A1879E
A19787

Contrast Matrix WCAG 2.1 Contrast

87A08A
A2AB7D
66591B
422F29
402533
—
1.2
Fail
2.5
Fail
4.4
AA Large
4.9
AA
1.2
Fail
—
2.9
Fail
5.2
AA
5.7
AA
2.5
Fail
2.9
Fail
—
1.8
Fail
2.0
Fail
4.4
AA Large
5.2
AA
1.8
Fail
—
1.1
Fail
4.9
AA
5.7
AA
2.0
Fail
1.1
Fail
—
White BG
2.8Fail
2.4Fail
7.0AA
12.6AAA
13.7AAA
Black BG
7.4AAA
8.7AAA
3.0AA Large
1.7Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

92928F
A6A688
60602A
3A3A2A
343430

Deuteranopia

908F91
A5A58B
61622E
3B3C2B
36382F

Tritanopia

889494
A29193
653638
412C2C
3F2D2C

Achromatopsia

969696
A3A3A3
565656
343434
2F2F2F

Shades & Tints Shades & Tints

#87A08A

Dark
Light

#A2AB7D

Dark
Light

#66591B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #87a08a;
  --color-2: #a2ab7d;
  --color-3: #66591b;
  --color-4: #422f29;
  --color-5: #402533;
}

SCSS

$color-1: #87a08a;
$color-2: #a2ab7d;
$color-3: #66591b;
$color-4: #422f29;
$color-5: #402533;

TAILWIND

colors: {
  'brand-1': '#87a08a',
  'brand-2': '#a2ab7d',
  'brand-3': '#66591b',
  'brand-4': '#422f29',
  'brand-5': '#402533',
}

RGB Array

[135, 160, 138], [162, 171, 125], [102, 89, 27], [66, 47, 41], [64, 37, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #87A08A, #A2AB7D, #66591B, #422F29, #402533 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: #87a08a; --color-2: #a2ab7d; --color-3: #66591b; --color-4: #422f29; --color-5: #402533. 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