← Back to Editor

#2E1F1B · #3B4A49 · #544C41 · #664C37 · #704732

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

#2E1F1B

Crimson · Black · Deep Berry

HEX
#2E1F1B
RGB
rgb(46, 31, 27)
HSL
hsl(13, 26%, 14%)
HSB
hsb(13, 41%, 18%)
CMYK
cmyk(0%, 33%, 41%, 82%)
Oklch
oklch(25.7% 0.025 35.5)

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

#3B4A49

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#3B4A49
RGB
rgb(59, 74, 73)
HSL
hsl(176, 11%, 26%)
HSB
hsb(176, 20%, 29%)
CMYK
cmyk(20%, 0%, 1%, 71%)
Oklch
oklch(39.6% 0.019 191.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#544C41

Ochre · DarkOliveGreen · Amber Brown

HEX
#544C41
RGB
rgb(84, 76, 65)
HSL
hsl(35, 13%, 29%)
HSB
hsb(35, 23%, 33%)
CMYK
cmyk(0%, 10%, 23%, 67%)
Oklch
oklch(42.1% 0.021 75.9)

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

#664C37

Tangerine · DarkOliveGreen · Amber Brown

HEX
#664C37
RGB
rgb(102, 76, 55)
HSL
hsl(27, 30%, 31%)
HSB
hsb(27, 46%, 40%)
CMYK
cmyk(0%, 25%, 46%, 60%)
Oklch
oklch(43.9% 0.048 60.0)

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

#704732

Tangerine · DarkOliveGreen · Amber Brown

HEX
#704732
RGB
rgb(112, 71, 50)
HSL
hsl(20, 38%, 32%)
HSB
hsb(20, 55%, 44%)
CMYK
cmyk(0%, 37%, 55%, 56%)
Oklch
oklch(44.0% 0.065 47.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E1F1B
1A292D

Analogous

2D1A20
2E1F1B
2D281A

Triadic

2E1F1B
1A2D1E
1E1A2D

Split-Comp.

2E1F1B
1A2D28
1A202D

Tetradic

2E1F1B
202D1A
1A292D
281A2D

Contrast Matrix WCAG 2.1 Contrast

2E1F1B
3B4A49
544C41
664C37
704732
—
1.7
Fail
1.9
Fail
2.0
Fail
2.0
Fail
1.7
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.9
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
2.0
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
2.0
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
15.8AAA
9.3AAA
8.4AAA
7.9AAA
8.0AAA
Black BG
1.3Fail
2.3Fail
2.5Fail
2.7Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

28271C
414249
515044
5B5B3C
5E5E37

Deuteranopia

28291C
414049
515244
5C5E3D
616438

Tritanopia

2D1D1D
3C4949
544646
654041
6E3B3C

Achromatopsia

232323
454545
4D4D4D
515151
515151

Shades & Tints Shades & Tints

#2E1F1B

Dark
Light

#3B4A49

Dark
Light

#544C41

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e1f1b;
  --color-2: #3b4a49;
  --color-3: #544c41;
  --color-4: #664c37;
  --color-5: #704732;
}

SCSS

$color-1: #2e1f1b;
$color-2: #3b4a49;
$color-3: #544c41;
$color-4: #664c37;
$color-5: #704732;

TAILWIND

colors: {
  'brand-1': '#2e1f1b',
  'brand-2': '#3b4a49',
  'brand-3': '#544c41',
  'brand-4': '#664c37',
  'brand-5': '#704732',
}

RGB Array

[46, 31, 27], [59, 74, 73], [84, 76, 65], [102, 76, 55], [112, 71, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E1F1B, #3B4A49, #544C41, #664C37, #704732 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: #2e1f1b; --color-2: #3b4a49; --color-3: #544c41; --color-4: #664c37; --color-5: #704732. 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