← Back to Editor

#DEDDB6 · #D4C4A1 · #B8A191 · #9E8988 · #6C7478

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DEDDB6

Fresh Green · Wheat · Lemon Cream

HEX
#DEDDB6
RGB
rgb(222, 221, 182)
HSL
hsl(59, 38%, 79%)
HSB
hsb(59, 18%, 87%)
CMYK
cmyk(0%, 0%, 18%, 13%)
Oklch
oklch(88.8% 0.052 106.2)

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

#D4C4A1

Goose Yellow · Tan · Sunflower

HEX
#D4C4A1
RGB
rgb(212, 196, 161)
HSL
hsl(41, 37%, 73%)
HSB
hsb(41, 24%, 83%)
CMYK
cmyk(0%, 8%, 24%, 17%)
Oklch
oklch(82.5% 0.050 86.3)

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

#B8A191

Apricot · DarkGray · Warm Sun

HEX
#B8A191
RGB
rgb(184, 161, 145)
HSL
hsl(25, 22%, 65%)
HSB
hsb(25, 21%, 72%)
CMYK
cmyk(0%, 13%, 21%, 28%)
Oklch
oklch(72.5% 0.035 56.9)

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

#9E8988

Crimson · Gray · Passion Red

HEX
#9E8988
RGB
rgb(158, 137, 136)
HSL
hsl(3, 10%, 58%)
HSB
hsb(3, 14%, 62%)
CMYK
cmyk(0%, 13%, 14%, 38%)
Oklch
oklch(64.9% 0.026 21.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#6C7478

Ink Gray · DimGray · Warm Gray

HEX
#6C7478
RGB
rgb(108, 116, 120)
HSL
hsl(200, 5%, 45%)
HSB
hsb(200, 10%, 47%)
CMYK
cmyk(10%, 3%, 0%, 53%)
Oklch
oklch(55.4% 0.012 229.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEDDB6
B5B6DE

Analogous

DEC9B5
DEDDB6
CADEB5

Triadic

DEDDB6
B5DEDD
DDB5DE

Split-Comp.

DEDDB6
B5CADE
C9B5DE

Tetradic

DEDDB6
B5DEC9
B5B6DE
DEB5CA

Contrast Matrix WCAG 2.1 Contrast

DEDDB6
D4C4A1
B8A191
9E8988
6C7478
—
1.2
Fail
1.8
Fail
2.4
Fail
3.4
AA Large
1.2
Fail
—
1.4
Fail
1.9
Fail
2.8
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
1.9
Fail
2.4
Fail
1.9
Fail
1.3
Fail
—
1.4
Fail
3.4
AA Large
2.8
Fail
1.9
Fail
1.4
Fail
—
White BG
1.4Fail
1.7Fail
2.5Fail
3.3AA Large
4.8AA
Black BG
15.1AAA
12.2AAA
8.5AAA
6.4AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEBF
CDCDA9
AEAE95
959588
6F7077

Deuteranopia

DEDEC2
CECFAC
AFB196
969888
6F6E77

Tritanopia

DEC7C9
D3B0B2
B79899
9D8888
6C7676

Achromatopsia

D9D9D9
C5C5C5
A6A6A6
8F8F8F
727272

Shades & Tints Shades & Tints

#DEDDB6

Dark
Light

#D4C4A1

Dark
Light

#B8A191

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deddb6;
  --color-2: #d4c4a1;
  --color-3: #b8a191;
  --color-4: #9e8988;
  --color-5: #6c7478;
}

SCSS

$color-1: #deddb6;
$color-2: #d4c4a1;
$color-3: #b8a191;
$color-4: #9e8988;
$color-5: #6c7478;

TAILWIND

colors: {
  'brand-1': '#deddb6',
  'brand-2': '#d4c4a1',
  'brand-3': '#b8a191',
  'brand-4': '#9e8988',
  'brand-5': '#6c7478',
}

RGB Array

[222, 221, 182], [212, 196, 161], [184, 161, 145], [158, 137, 136], [108, 116, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEDDB6, #D4C4A1, #B8A191, #9E8988, #6C7478 is ideal for: brand design, premium product pages, magazine layouts. 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: #deddb6; --color-2: #d4c4a1; --color-3: #b8a191; --color-4: #9e8988; --color-5: #6c7478. 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. 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