← Back to Editor

#D8BB83 · #DAD5B7 · #FFFEFC · #6B625D · #3E352E

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

#D8BB83

Ginger · BurlyWood · Sunflower

HEX
#D8BB83
RGB
rgb(216, 187, 131)
HSL
hsl(40, 52%, 68%)
HSB
hsb(40, 39%, 85%)
CMYK
cmyk(0%, 13%, 39%, 15%)
Oklch
oklch(80.4% 0.080 83.4)

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

#DAD5B7

Fresh Green · Wheat · Lemon Cream

HEX
#DAD5B7
RGB
rgb(218, 213, 183)
HSL
hsl(51, 32%, 79%)
HSB
hsb(51, 16%, 85%)
CMYK
cmyk(0%, 2%, 16%, 15%)
Oklch
oklch(86.9% 0.040 99.4)

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

#FFFEFC

Goose Yellow · White · Lemon Cream

HEX
#FFFEFC
RGB
rgb(255, 254, 252)
HSL
hsl(40, 100%, 99%)
HSB
hsb(40, 1%, 100%)
CMYK
cmyk(0%, 0%, 1%, 0%)
Oklch
oklch(99.7% 0.003 84.6)

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

#6B625D

Ink Gray · DimGray · Charcoal

HEX
#6B625D
RGB
rgb(107, 98, 93)
HSL
hsl(21, 7%, 39%)
HSB
hsb(21, 13%, 42%)
CMYK
cmyk(0%, 8%, 13%, 58%)
Oklch
oklch(50.3% 0.014 51.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#3E352E

Tangerine · DarkSlateGray · Cinnamon

HEX
#3E352E
RGB
rgb(62, 53, 46)
HSL
hsl(26, 15%, 21%)
HSB
hsb(26, 26%, 24%)
CMYK
cmyk(0%, 15%, 26%, 76%)
Oklch
oklch(33.6% 0.018 60.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8BB83
839FD8

Analogous

D89183
D8BB83
CAD883

Triadic

D8BB83
83D8BC
BC83D8

Split-Comp.

D8BB83
83CAD8
9183D8

Tetradic

D8BB83
83D891
839FD8
D883CA

Contrast Matrix WCAG 2.1 Contrast

D8BB83
DAD5B7
FFFEFC
6B625D
3E352E
—
1.2
Fail
1.8
Fail
3.2
AA Large
6.5
AA
1.2
Fail
—
1.5
Fail
4.0
AA Large
8.1
AAA
1.8
Fail
1.5
Fail
—
5.9
AA
11.9
AAA
3.2
AA Large
4.0
AA Large
5.9
AA
—
2.0
Fail
6.5
AA
8.1
AAA
11.9
AAA
2.0
Fail
—
White BG
1.8Fail
1.5Fail
1.0Fail
5.9AA
12.0AAA
Black BG
11.4AAA
14.2AAA
20.8AAA
3.5AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB91
D8D8BE
FFFFFC
67675E
3A3A30

Deuteranopia

CDCF94
D8D9C0
FFFFFD
68685F
3B3B30

Tritanopia

D79B9E
DAC4C5
FFFDFD
6B5F5F
3E3131

Achromatopsia

BDBDBD
D3D3D3
FEFEFE
646464
373737

Shades & Tints Shades & Tints

#D8BB83

Dark
Light

#DAD5B7

Dark
Light

#FFFEFC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8bb83;
  --color-2: #dad5b7;
  --color-3: #fffefc;
  --color-4: #6b625d;
  --color-5: #3e352e;
}

SCSS

$color-1: #d8bb83;
$color-2: #dad5b7;
$color-3: #fffefc;
$color-4: #6b625d;
$color-5: #3e352e;

TAILWIND

colors: {
  'brand-1': '#d8bb83',
  'brand-2': '#dad5b7',
  'brand-3': '#fffefc',
  'brand-4': '#6b625d',
  'brand-5': '#3e352e',
}

RGB Array

[216, 187, 131], [218, 213, 183], [255, 254, 252], [107, 98, 93], [62, 53, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8BB83, #DAD5B7, #FFFEFC, #6B625D, #3E352E is ideal for: 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: #d8bb83; --color-2: #dad5b7; --color-3: #fffefc; --color-4: #6b625d; --color-5: #3e352e. 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. 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