← Back to Editor

#735E4D · #A8A093 · #E9D9BF · #C89870 · #251B19

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#735E4D

Tangerine · DimGray · Amber Brown

HEX
#735E4D
RGB
rgb(115, 94, 77)
HSL
hsl(27, 20%, 38%)
HSB
hsb(27, 33%, 45%)
CMYK
cmyk(0%, 18%, 33%, 55%)
Oklch
oklch(49.8% 0.038 60.8)

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

#A8A093

Ginger · DarkGray · Warm Sun

HEX
#A8A093
RGB
rgb(168, 160, 147)
HSL
hsl(37, 11%, 62%)
HSB
hsb(37, 13%, 66%)
CMYK
cmyk(0%, 5%, 13%, 34%)
Oklch
oklch(70.9% 0.021 80.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E9D9BF

Goose Yellow · Wheat · Peach Orange

HEX
#E9D9BF
RGB
rgb(233, 217, 191)
HSL
hsl(37, 49%, 83%)
HSB
hsb(37, 18%, 91%)
CMYK
cmyk(0%, 7%, 18%, 9%)
Oklch
oklch(89.1% 0.039 80.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C89870

Apricot · DarkSalmon · Warm Sun

HEX
#C89870
RGB
rgb(200, 152, 112)
HSL
hsl(27, 44%, 61%)
HSB
hsb(27, 44%, 78%)
CMYK
cmyk(0%, 24%, 44%, 22%)
Oklch
oklch(71.6% 0.079 60.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#251B19

Crimson · Black · Deep Berry

HEX
#251B19
RGB
rgb(37, 27, 25)
HSL
hsl(10, 19%, 12%)
HSB
hsb(10, 32%, 15%)
CMYK
cmyk(0%, 27%, 32%, 85%)
Oklch
oklch(23.4% 0.016 31.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

735E4D
4E6374

Analogous

744E4F
735E4D
74724E

Triadic

735E4D
4E745F
5F4E74

Split-Comp.

735E4D
4E7472
4E4F74

Tetradic

735E4D
4F744E
4E6374
724E74

Contrast Matrix WCAG 2.1 Contrast

735E4D
A8A093
E9D9BF
C89870
251B19
—
2.4
Fail
4.4
AA Large
2.4
Fail
2.8
Fail
2.4
Fail
—
1.9
Fail
1.0
Fail
6.5
AA
4.4
AA Large
1.9
Fail
—
1.9
Fail
12.1
AAA
2.4
Fail
1.0
Fail
1.9
Fail
—
6.5
AA
2.8
Fail
6.5
AA
12.1
AAA
6.5
AA
—
White BG
6.1AA
2.6Fail
1.4Fail
2.6Fail
16.8AAA
Black BG
3.4AA Large
8.1AAA
15.1AAA
8.2AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A51
A5A496
E2E2C5
B3B37A
212119

Deuteranopia

6B6D52
A5A697
E3E4C7
B6BA7C
21221A

Tritanopia

725455
A89999
E8CACB
C68183
251A1A

Achromatopsia

626262
A1A1A1
DBDBDB
A2A2A2
1E1E1E

Shades & Tints Shades & Tints

#735E4D

Dark
Light

#A8A093

Dark
Light

#E9D9BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #735e4d;
  --color-2: #a8a093;
  --color-3: #e9d9bf;
  --color-4: #c89870;
  --color-5: #251b19;
}

SCSS

$color-1: #735e4d;
$color-2: #a8a093;
$color-3: #e9d9bf;
$color-4: #c89870;
$color-5: #251b19;

TAILWIND

colors: {
  'brand-1': '#735e4d',
  'brand-2': '#a8a093',
  'brand-3': '#e9d9bf',
  'brand-4': '#c89870',
  'brand-5': '#251b19',
}

RGB Array

[115, 94, 77], [168, 160, 147], [233, 217, 191], [200, 152, 112], [37, 27, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #735E4D, #A8A093, #E9D9BF, #C89870, #251B19 is ideal for: brand design, premium product pages, magazine layouts, 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: #735e4d; --color-2: #a8a093; --color-3: #e9d9bf; --color-4: #c89870; --color-5: #251b19. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 dark-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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