← Back to Editor

#98795E · #5C4939 · #96673E · #474340 · #232620

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 ThemeCorporate

Color Details Color Details

#98795E

Tangerine · Gray · Amber Brown

HEX
#98795E
RGB
rgb(152, 121, 94)
HSL
hsl(28, 24%, 48%)
HSB
hsb(28, 38%, 60%)
CMYK
cmyk(0%, 20%, 38%, 40%)
Oklch
oklch(59.9% 0.055 62.5)

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

#5C4939

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5C4939
RGB
rgb(92, 73, 57)
HSL
hsl(27, 23%, 29%)
HSB
hsb(27, 38%, 36%)
CMYK
cmyk(0%, 21%, 38%, 64%)
Oklch
oklch(42.1% 0.036 61.7)

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

#96673E

Tangerine · Sienna · Amber Brown

HEX
#96673E
RGB
rgb(150, 103, 62)
HSL
hsl(28, 42%, 42%)
HSB
hsb(28, 59%, 59%)
CMYK
cmyk(0%, 31%, 59%, 41%)
Oklch
oklch(55.4% 0.083 60.9)

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

#474340

Dark Cyan · DarkSlateGray · Charcoal

HEX
#474340
RGB
rgb(71, 67, 64)
HSL
hsl(26, 5%, 26%)
HSB
hsb(26, 10%, 28%)
CMYK
cmyk(0%, 6%, 10%, 72%)
Oklch
oklch(38.6% 0.007 59.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#232620

Celadon · Black · Dark Stone

HEX
#232620
RGB
rgb(35, 38, 32)
HSL
hsl(90, 9%, 14%)
HSB
hsb(90, 16%, 15%)
CMYK
cmyk(8%, 0%, 16%, 85%)
Oklch
oklch(26.3% 0.012 129.0)

Traditional「Celadon」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98795E
5D7C98

Analogous

985D5F
98795E
98965D

Triadic

98795E
5D9878
785D98

Split-Comp.

98795E
5D9896
5D5F98

Tetradic

98795E
5F985D
5D7C98
965D98

Contrast Matrix WCAG 2.1 Contrast

98795E
5C4939
96673E
474340
232620
—
2.1
Fail
1.2
Fail
2.4
Fail
3.8
AA Large
2.1
Fail
—
1.7
Fail
1.2
Fail
1.8
Fail
1.2
Fail
1.7
Fail
—
2.0
Fail
3.1
AA Large
2.4
Fail
1.2
Fail
2.0
Fail
—
1.6
Fail
3.8
AA Large
1.8
Fail
3.1
AA Large
1.6
Fail
—
White BG
4.0AA Large
8.5AAA
4.9AA
9.8AAA
15.3AAA
Black BG
5.2AA
2.5Fail
4.3AA Large
2.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A65
54543D
828148
454541
242421

Deuteranopia

8C8F66
55563E
84884A
464641
242422

Tritanopia

966A6B
5B4041
945051
474141
232323

Achromatopsia

7F7F7F
4D4D4D
707070
444444
242424

Shades & Tints Shades & Tints

#98795E

Dark
Light

#5C4939

Dark
Light

#96673E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98795e;
  --color-2: #5c4939;
  --color-3: #96673e;
  --color-4: #474340;
  --color-5: #232620;
}

SCSS

$color-1: #98795e;
$color-2: #5c4939;
$color-3: #96673e;
$color-4: #474340;
$color-5: #232620;

TAILWIND

colors: {
  'brand-1': '#98795e',
  'brand-2': '#5c4939',
  'brand-3': '#96673e',
  'brand-4': '#474340',
  'brand-5': '#232620',
}

RGB Array

[152, 121, 94], [92, 73, 57], [150, 103, 62], [71, 67, 64], [35, 38, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #98795E, #5C4939, #96673E, #474340, #232620 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: #98795e; --color-2: #5c4939; --color-3: #96673e; --color-4: #474340; --color-5: #232620. 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