← Back to Editor

#2E1F1E · #5E413F · #6D6655 · #81966B · #9FB46C

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 ThemeCorporateData Visualization

Color Details Color Details

#2E1F1E

Crimson · Black · Deep Berry

HEX
#2E1F1E
RGB
rgb(46, 31, 30)
HSL
hsl(4, 21%, 15%)
HSB
hsb(4, 35%, 18%)
CMYK
cmyk(0%, 33%, 35%, 82%)
Oklch
oklch(25.8% 0.024 23.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#5E413F

Crimson · DarkOliveGreen · Wine Red

HEX
#5E413F
RGB
rgb(94, 65, 63)
HSL
hsl(4, 20%, 31%)
HSB
hsb(4, 33%, 37%)
CMYK
cmyk(0%, 31%, 33%, 63%)
Oklch
oklch(40.7% 0.041 23.4)

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

#6D6655

Ochre · DimGray · Honey Gold

HEX
#6D6655
RGB
rgb(109, 102, 85)
HSL
hsl(43, 12%, 38%)
HSB
hsb(43, 22%, 43%)
CMYK
cmyk(0%, 6%, 22%, 57%)
Oklch
oklch(51.2% 0.027 88.3)

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

#81966B

Grass Green · Gray · Olive Green

HEX
#81966B
RGB
rgb(129, 150, 107)
HSL
hsl(89, 17%, 50%)
HSB
hsb(89, 29%, 59%)
CMYK
cmyk(14%, 0%, 29%, 41%)
Oklch
oklch(64.5% 0.066 129.3)

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

#9FB46C

Grass Green · DarkSeaGreen · Olive Green

HEX
#9FB46C
RGB
rgb(159, 180, 108)
HSL
hsl(78, 32%, 56%)
HSB
hsb(78, 40%, 71%)
CMYK
cmyk(12%, 0%, 40%, 29%)
Oklch
oklch(73.7% 0.099 122.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E1F1E
1E2D2E

Analogous

2E1E25
2E1F1E
2E271E

Triadic

2E1F1E
1E2E1F
1F1E2E

Split-Comp.

2E1F1E
1E2E27
1E252E

Tetradic

2E1F1E
252E1E
1E2D2E
271E2E

Contrast Matrix WCAG 2.1 Contrast

2E1F1E
5E413F
6D6655
81966B
9FB46C
—
1.7
Fail
2.8
Fail
4.9
AA
6.9
AA
1.7
Fail
—
1.6
Fail
2.8
Fail
4.0
AA Large
2.8
Fail
1.6
Fail
—
1.8
Fail
2.5
Fail
4.9
AA
2.8
Fail
1.8
Fail
—
1.4
Fail
6.9
AA
4.0
AA Large
2.5
Fail
1.4
Fail
—
White BG
15.8AAA
9.1AAA
5.7AA
3.2AA Large
2.3Fail
Black BG
1.3Fail
2.3Fail
3.7AA Large
6.5AA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

28271E
51513F
6A6A59
8A8A75
A8A87D

Deuteranopia

28291E
535540
6A6B5A
898778
A7A582

Tritanopia

2D1E1E
5D4040
6D5C5D
827E7F
A08B8E

Achromatopsia

232323
494949
666666
8B8B8B
A6A6A6

Shades & Tints Shades & Tints

#2E1F1E

Dark
Light

#5E413F

Dark
Light

#6D6655

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e1f1e;
  --color-2: #5e413f;
  --color-3: #6d6655;
  --color-4: #81966b;
  --color-5: #9fb46c;
}

SCSS

$color-1: #2e1f1e;
$color-2: #5e413f;
$color-3: #6d6655;
$color-4: #81966b;
$color-5: #9fb46c;

TAILWIND

colors: {
  'brand-1': '#2e1f1e',
  'brand-2': '#5e413f',
  'brand-3': '#6d6655',
  'brand-4': '#81966b',
  'brand-5': '#9fb46c',
}

RGB Array

[46, 31, 30], [94, 65, 63], [109, 102, 85], [129, 150, 107], [159, 180, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E1F1E, #5E413F, #6D6655, #81966B, #9FB46C is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #2e1f1e; --color-2: #5e413f; --color-3: #6d6655; --color-4: #81966b; --color-5: #9fb46c. 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 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