← Back to Editor

#B39360 · #D2BD7A · #3E3143 · #24243B · #121121

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B39360

Ginger · DarkSalmon · Warm Sun

HEX
#B39360
RGB
rgb(179, 147, 96)
HSL
hsl(37, 35%, 54%)
HSB
hsb(37, 46%, 70%)
CMYK
cmyk(0%, 18%, 46%, 30%)
Oklch
oklch(68.1% 0.078 78.5)

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

#D2BD7A

Ginger · BurlyWood · Sunflower

HEX
#D2BD7A
RGB
rgb(210, 189, 122)
HSL
hsl(46, 49%, 65%)
HSB
hsb(46, 42%, 82%)
CMYK
cmyk(0%, 10%, 42%, 18%)
Oklch
oklch(80.1% 0.089 92.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#3E3143

Dark Plum · DarkSlateGray · Eggplant

HEX
#3E3143
RGB
rgb(62, 49, 67)
HSL
hsl(283, 16%, 23%)
HSB
hsb(283, 27%, 26%)
CMYK
cmyk(7%, 27%, 0%, 74%)
Oklch
oklch(33.5% 0.036 316.5)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#24243B

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#24243B
RGB
rgb(36, 36, 59)
HSL
hsl(240, 24%, 19%)
HSB
hsb(240, 39%, 23%)
CMYK
cmyk(39%, 39%, 0%, 77%)
Oklch
oklch(27.2% 0.042 283.2)

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

#121121

Deep Indigo · Black · Deep Sea Blue

HEX
#121121
RGB
rgb(18, 17, 33)
HSL
hsl(244, 32%, 10%)
HSB
hsb(244, 48%, 13%)
CMYK
cmyk(45%, 48%, 0%, 87%)
Oklch
oklch(18.8% 0.032 285.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B39360
6180B3

Analogous

B36A61
B39360
A9B361

Triadic

B39360
61B393
9361B3

Split-Comp.

B39360
61A9B3
6A61B3

Tetradic

B39360
61B36A
6180B3
B361A9

Contrast Matrix WCAG 2.1 Contrast

B39360
D2BD7A
3E3143
24243B
121121
—
1.6
Fail
4.2
AA Large
5.2
AA
6.4
AA
1.6
Fail
—
6.6
AA
8.1
AAA
10.0
AAA
4.2
AA Large
6.6
AA
—
1.2
Fail
1.5
Fail
5.2
AA
8.1
AAA
1.2
Fail
—
1.2
Fail
6.4
AA
10.0
AAA
1.5
Fail
1.2
Fail
—
White BG
2.9Fail
1.9Fail
12.2AAA
15.1AAA
18.6AAA
Black BG
7.3AAA
11.3AAA
1.7Fail
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A56C
C9C98A
38383F
242435
12121D

Deuteranopia

A7A96F
CACC8E
393A3E
242434
12121C

Tritanopia

B17678
D1979A
3D3B3A
243130
121A19

Achromatopsia

979797
BCBCBC
373737
272727
131313

Shades & Tints Shades & Tints

#B39360

Dark
Light

#D2BD7A

Dark
Light

#3E3143

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b39360;
  --color-2: #d2bd7a;
  --color-3: #3e3143;
  --color-4: #24243b;
  --color-5: #121121;
}

SCSS

$color-1: #b39360;
$color-2: #d2bd7a;
$color-3: #3e3143;
$color-4: #24243b;
$color-5: #121121;

TAILWIND

colors: {
  'brand-1': '#b39360',
  'brand-2': '#d2bd7a',
  'brand-3': '#3e3143',
  'brand-4': '#24243b',
  'brand-5': '#121121',
}

RGB Array

[179, 147, 96], [210, 189, 122], [62, 49, 67], [36, 36, 59], [18, 17, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B39360, #D2BD7A, #3E3143, #24243B, #121121 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b39360; --color-2: #d2bd7a; --color-3: #3e3143; --color-4: #24243b; --color-5: #121121. 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 tech, SaaS, healthcare, eco industries. 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