← Back to Editor

#D2B79A · #BEAB83 · #65775F · #383E32 · #2B1C17

A 5-color palette 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

#D2B79A

Goose Yellow · Tan · Warm Sun

HEX
#D2B79A
RGB
rgb(210, 183, 154)
HSL
hsl(31, 38%, 71%)
HSB
hsb(31, 27%, 82%)
CMYK
cmyk(0%, 13%, 27%, 18%)
Oklch
oklch(79.5% 0.050 69.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#BEAB83

Ginger · Tan · Sunflower

HEX
#BEAB83
RGB
rgb(190, 171, 131)
HSL
hsl(41, 31%, 63%)
HSB
hsb(41, 31%, 75%)
CMYK
cmyk(0%, 10%, 31%, 25%)
Oklch
oklch(74.8% 0.059 85.5)

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

#65775F

Celadon · DimGray · Olive Green

HEX
#65775F
RGB
rgb(101, 119, 95)
HSL
hsl(105, 11%, 42%)
HSB
hsb(105, 20%, 47%)
CMYK
cmyk(15%, 0%, 20%, 53%)
Oklch
oklch(54.7% 0.042 137.9)

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

#383E32

Celadon · DarkSlateGray · Forest Green

HEX
#383E32
RGB
rgb(56, 62, 50)
HSL
hsl(90, 11%, 22%)
HSB
hsb(90, 19%, 24%)
CMYK
cmyk(10%, 0%, 19%, 76%)
Oklch
oklch(35.4% 0.022 129.2)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#2B1C17

Tangerine · Black · Cinnamon

HEX
#2B1C17
RGB
rgb(43, 28, 23)
HSL
hsl(15, 30%, 13%)
HSB
hsb(15, 47%, 17%)
CMYK
cmyk(0%, 35%, 47%, 83%)
Oklch
oklch(24.4% 0.026 39.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2B79A
99B4D1

Analogous

D19A99
D2B79A
D0D199

Triadic

D2B79A
99D1B6
B699D1

Split-Comp.

D2B79A
99D0D1
9A99D1

Tetradic

D2B79A
99D19A
99B4D1
D199D0

Contrast Matrix WCAG 2.1 Contrast

D2B79A
BEAB83
65775F
383E32
2B1C17
—
1.2
Fail
2.5
Fail
5.8
AA
8.6
AAA
1.2
Fail
—
2.1
Fail
4.9
AA
7.3
AAA
2.5
Fail
2.1
Fail
—
2.3
Fail
3.4
AA Large
5.8
AA
4.9
AA
2.3
Fail
—
1.5
Fail
8.6
AAA
7.3
AAA
3.4
AA Large
1.5
Fail
—
White BG
1.9Fail
2.2Fail
4.8AA
11.0AAA
16.4AAA
Black BG
11.0AAA
9.3AAA
4.4AA Large
1.9Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6A1
B6B68D
6D6D65
3B3B35
252418

Deuteranopia

C8CAA3
B7B88F
6C6A66
3A3A36
252719

Tritanopia

D1A7A8
BD9496
66696A
383738
2A1919

Achromatopsia

BCBCBC
ACACAC
6F6F6F
3B3B3B
202020

Shades & Tints Shades & Tints

#D2B79A

Dark
Light

#BEAB83

Dark
Light

#65775F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2b79a;
  --color-2: #beab83;
  --color-3: #65775f;
  --color-4: #383e32;
  --color-5: #2b1c17;
}

SCSS

$color-1: #d2b79a;
$color-2: #beab83;
$color-3: #65775f;
$color-4: #383e32;
$color-5: #2b1c17;

TAILWIND

colors: {
  'brand-1': '#d2b79a',
  'brand-2': '#beab83',
  'brand-3': '#65775f',
  'brand-4': '#383e32',
  'brand-5': '#2b1c17',
}

RGB Array

[210, 183, 154], [190, 171, 131], [101, 119, 95], [56, 62, 50], [43, 28, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2B79A, #BEAB83, #65775F, #383E32, #2B1C17 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: #d2b79a; --color-2: #beab83; --color-3: #65775f; --color-4: #383e32; --color-5: #2b1c17. 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 general-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