← Back to Editor

#9C904C · #526B4D · #2E4540 · #262D38 · #2E1623

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

#9C904C

Autumn Sage · Gray · Honey Gold

HEX
#9C904C
RGB
rgb(156, 144, 76)
HSL
hsl(51, 34%, 45%)
HSB
hsb(51, 51%, 61%)
CMYK
cmyk(0%, 8%, 51%, 39%)
Oklch
oklch(64.9% 0.090 99.5)

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

#526B4D

Celadon · DarkOliveGreen · Forest Green

HEX
#526B4D
RGB
rgb(82, 107, 77)
HSL
hsl(110, 16%, 36%)
HSB
hsb(110, 28%, 42%)
CMYK
cmyk(23%, 0%, 28%, 58%)
Oklch
oklch(49.9% 0.055 140.4)

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

#2E4540

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#2E4540
RGB
rgb(46, 69, 64)
HSL
hsl(167, 20%, 23%)
HSB
hsb(167, 33%, 27%)
CMYK
cmyk(33%, 0%, 7%, 73%)
Oklch
oklch(37.0% 0.030 179.5)

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

#262D38

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#262D38
RGB
rgb(38, 45, 56)
HSL
hsl(217, 19%, 18%)
HSB
hsb(217, 32%, 22%)
CMYK
cmyk(32%, 20%, 0%, 78%)
Oklch
oklch(29.5% 0.022 259.4)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#2E1623

Rose Purple · Black · Raspberry

HEX
#2E1623
RGB
rgb(46, 22, 35)
HSL
hsl(328, 35%, 13%)
HSB
hsb(328, 52%, 18%)
CMYK
cmyk(0%, 52%, 24%, 82%)
Oklch
oklch(23.9% 0.044 347.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C904C
4C579A

Analogous

9A674C
9C904C
7E9A4C

Triadic

9C904C
4C9A8E
8E4C9A

Split-Comp.

9C904C
4C7E9A
674C9A

Tetradic

9C904C
4C9A67
4C579A
9A4C7E

Contrast Matrix WCAG 2.1 Contrast

9C904C
526B4D
2E4540
262D38
2E1623
—
1.8
Fail
3.2
AA Large
4.3
AA Large
5.2
AA
1.8
Fail
—
1.7
Fail
2.4
Fail
2.8
Fail
3.2
AA Large
1.7
Fail
—
1.3
Fail
1.6
Fail
4.3
AA Large
2.4
Fail
1.3
Fail
—
1.2
Fail
5.2
AA
2.8
Fail
1.6
Fail
1.2
Fail
—
White BG
3.2AA Large
5.9AA
10.3AAA
13.9AAA
16.7AAA
Black BG
6.5AA
3.6AA Large
2.0Fail
1.5Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

97975C
5D5D54
383841
292935
242320

Deuteranopia

989860
5B5A56
373542
292835
25271F

Tritanopia

9B696C
535A5B
2F4242
263333
2D1D1D

Achromatopsia

8C8C8C
606060
3E3E3E
2C2C2C
1F1F1F

Shades & Tints Shades & Tints

#9C904C

Dark
Light

#526B4D

Dark
Light

#2E4540

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c904c;
  --color-2: #526b4d;
  --color-3: #2e4540;
  --color-4: #262d38;
  --color-5: #2e1623;
}

SCSS

$color-1: #9c904c;
$color-2: #526b4d;
$color-3: #2e4540;
$color-4: #262d38;
$color-5: #2e1623;

TAILWIND

colors: {
  'brand-1': '#9c904c',
  'brand-2': '#526b4d',
  'brand-3': '#2e4540',
  'brand-4': '#262d38',
  'brand-5': '#2e1623',
}

RGB Array

[156, 144, 76], [82, 107, 77], [46, 69, 64], [38, 45, 56], [46, 22, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9C904C, #526B4D, #2E4540, #262D38, #2E1623 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: #9c904c; --color-2: #526b4d; --color-3: #2e4540; --color-4: #262d38; --color-5: #2e1623. 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