← Back to Editor

#83806E · #C8B983 · #E2D195 · #DBDDB5 · #D9EEDA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#83806E

Autumn Sage · Gray · Warm Gray

HEX
#83806E
RGB
rgb(131, 128, 110)
HSL
hsl(51, 9%, 47%)
HSB
hsb(51, 16%, 51%)
CMYK
cmyk(0%, 2%, 16%, 49%)
Oklch
oklch(59.7% 0.027 99.4)

Traditional「Autumn Sage」· Paint「Warm Gray」· Creative Urban Concrete

#C8B983

Ginger · Tan · Sunflower

HEX
#C8B983
RGB
rgb(200, 185, 131)
HSL
hsl(47, 39%, 65%)
HSB
hsb(47, 35%, 78%)
CMYK
cmyk(0%, 8%, 35%, 22%)
Oklch
oklch(78.5% 0.073 94.4)

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

#E2D195

Goose Yellow · Khaki · Sunflower

HEX
#E2D195
RGB
rgb(226, 209, 149)
HSL
hsl(47, 57%, 74%)
HSB
hsb(47, 34%, 89%)
CMYK
cmyk(0%, 8%, 34%, 11%)
Oklch
oklch(86.1% 0.080 94.2)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#DBDDB5

Fresh Green · Wheat · Lemon Cream

HEX
#DBDDB5
RGB
rgb(219, 221, 181)
HSL
hsl(63, 37%, 79%)
HSB
hsb(63, 18%, 87%)
CMYK
cmyk(1%, 0%, 18%, 13%)
Oklch
oklch(88.6% 0.053 109.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D9EEDA

Celadon · LightGray · Mint Green

HEX
#D9EEDA
RGB
rgb(217, 238, 218)
HSL
hsl(123, 38%, 89%)
HSB
hsb(123, 9%, 93%)
CMYK
cmyk(9%, 0%, 8%, 7%)
Oklch
oklch(92.8% 0.035 146.6)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

83806E
6D7083

Analogous

83756D
83806E
7B836D

Triadic

83806E
6D837F
7F6D83

Split-Comp.

83806E
6D7B83
756D83

Tetradic

83806E
6D8375
6D7083
836D7B

Contrast Matrix WCAG 2.1 Contrast

83806E
C8B983
E2D195
DBDDB5
D9EEDA
—
2.0
Fail
2.6
Fail
2.8
Fail
3.3
AA Large
2.0
Fail
—
1.3
Fail
1.4
Fail
1.6
Fail
2.6
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
2.8
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
3.3
AA Large
1.6
Fail
1.2
Fail
1.1
Fail
—
White BG
4.0AA Large
2.0Fail
1.5Fail
1.4Fail
1.2Fail
Black BG
5.3AA
10.7AAA
13.8AAA
15.0AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

828272
C2C190
DBDAA4
DCDCBF
E2E2DF

Deuteranopia

828273
C2C493
DCDDA7
DCDCC1
E1DFE0

Tritanopia

837677
C79A9D
E1AFB2
DBC6C8
DAE3E4

Achromatopsia

7F7F7F
B7B7B7
CFCFCF
D8D8D8
E5E5E5

Shades & Tints Shades & Tints

#83806E

Dark
Light

#C8B983

Dark
Light

#E2D195

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #83806e;
  --color-2: #c8b983;
  --color-3: #e2d195;
  --color-4: #dbddb5;
  --color-5: #d9eeda;
}

SCSS

$color-1: #83806e;
$color-2: #c8b983;
$color-3: #e2d195;
$color-4: #dbddb5;
$color-5: #d9eeda;

TAILWIND

colors: {
  'brand-1': '#83806e',
  'brand-2': '#c8b983',
  'brand-3': '#e2d195',
  'brand-4': '#dbddb5',
  'brand-5': '#d9eeda',
}

RGB Array

[131, 128, 110], [200, 185, 131], [226, 209, 149], [219, 221, 181], [217, 238, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #83806E, #C8B983, #E2D195, #DBDDB5, #D9EEDA is ideal for: health products, baby brands, fresh-style blogs, 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: #83806e; --color-2: #c8b983; --color-3: #e2d195; --color-4: #dbddb5; --color-5: #d9eeda. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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