← Back to Editor

#DED6CB · #D8BCA7 · #97B09A · #A1996B · #A07950

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 Library

Color Details Color Details

#DED6CB

Goose Yellow · LightGray · Peach Orange

HEX
#DED6CB
RGB
rgb(222, 214, 203)
HSL
hsl(35, 22%, 83%)
HSB
hsb(35, 9%, 87%)
CMYK
cmyk(0%, 4%, 9%, 13%)
Oklch
oklch(87.9% 0.017 76.1)

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

#D8BCA7

Apricot · Tan · Warm Sun

HEX
#D8BCA7
RGB
rgb(216, 188, 167)
HSL
hsl(26, 39%, 75%)
HSB
hsb(26, 23%, 85%)
CMYK
cmyk(0%, 13%, 23%, 15%)
Oklch
oklch(81.4% 0.043 59.0)

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

#97B09A

Celadon · DarkSeaGreen · Apple Green

HEX
#97B09A
RGB
rgb(151, 176, 154)
HSL
hsl(127, 14%, 64%)
HSB
hsb(127, 14%, 69%)
CMYK
cmyk(14%, 0%, 13%, 31%)
Oklch
oklch(73.2% 0.042 148.5)

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

#A1996B

Autumn Sage · Gray · Sunflower

HEX
#A1996B
RGB
rgb(161, 153, 107)
HSL
hsl(51, 22%, 53%)
HSB
hsb(51, 34%, 63%)
CMYK
cmyk(0%, 5%, 34%, 37%)
Oklch
oklch(67.8% 0.064 99.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A07950

Ochre · Sienna · Amber Brown

HEX
#A07950
RGB
rgb(160, 121, 80)
HSL
hsl(31, 33%, 47%)
HSB
hsb(31, 50%, 63%)
CMYK
cmyk(0%, 24%, 50%, 37%)
Oklch
oklch(60.5% 0.075 67.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED6CB
CAD2DD

Analogous

DDCCCA
DED6CB
DCDDCA

Triadic

DED6CB
CADDD5
D5CADD

Split-Comp.

DED6CB
CADCDD
CCCADD

Tetradic

DED6CB
CADDCC
CAD2DD
DDCADC

Contrast Matrix WCAG 2.1 Contrast

DED6CB
D8BCA7
97B09A
A1996B
A07950
—
1.2
Fail
1.6
Fail
2.0
Fail
2.7
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.7
Fail
2.2
Fail
1.7
Fail
1.4
Fail
—
White BG
1.4Fail
1.8Fail
2.3Fail
2.9Fail
3.9AA Large
Black BG
14.6AAA
11.7AAA
9.0AAA
7.3AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDACE
CCCCAC
A2A29F
9E9D76
8F8F5A

Deuteranopia

DBDCCE
CED0AD
A09FA1
9E9F79
91945C

Tritanopia

DED0D0
D7B0B1
98A4A4
A17F81
9E6263

Achromatopsia

D7D7D7
C2C2C2
A6A6A6
969696
808080

Shades & Tints Shades & Tints

#DED6CB

Dark
Light

#D8BCA7

Dark
Light

#97B09A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded6cb;
  --color-2: #d8bca7;
  --color-3: #97b09a;
  --color-4: #a1996b;
  --color-5: #a07950;
}

SCSS

$color-1: #ded6cb;
$color-2: #d8bca7;
$color-3: #97b09a;
$color-4: #a1996b;
$color-5: #a07950;

TAILWIND

colors: {
  'brand-1': '#ded6cb',
  'brand-2': '#d8bca7',
  'brand-3': '#97b09a',
  'brand-4': '#a1996b',
  'brand-5': '#a07950',
}

RGB Array

[222, 214, 203], [216, 188, 167], [151, 176, 154], [161, 153, 107], [160, 121, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED6CB, #D8BCA7, #97B09A, #A1996B, #A07950 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: #ded6cb; --color-2: #d8bca7; --color-3: #97b09a; --color-4: #a1996b; --color-5: #a07950. 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