#DBC9A4 + #D6C6B4 + #E3B9AC + #FCB197 + #A09CAD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DBC9A4

Goose Yellow · Tan · Sunflower

HEX

#DBC9A4

RGB

rgb(219, 201, 164)

HSL

hsl(40, 43%, 75%)

HSB

hsb(40, 25%, 86%)

CMYK

cmyk(0%, 8%, 25%, 14%)

Oklch

oklch(84.1% 0.053 85.1)

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

#D6C6B4

Goose Yellow · Silver · Peach Orange

HEX

#D6C6B4

RGB

rgb(214, 198, 180)

HSL

hsl(32, 29%, 77%)

HSB

hsb(32, 16%, 84%)

CMYK

cmyk(0%, 7%, 16%, 16%)

Oklch

oklch(83.5% 0.030 70.7)

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

#E3B9AC

Peach Pink · LightPink · Coral Red

HEX

#E3B9AC

RGB

rgb(227, 185, 172)

HSL

hsl(14, 50%, 78%)

HSB

hsb(14, 24%, 89%)

CMYK

cmyk(0%, 19%, 24%, 11%)

Oklch

oklch(81.9% 0.052 37.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FCB197

Apricot · LightSalmon · Peach Orange

HEX

#FCB197

RGB

rgb(252, 177, 151)

HSL

hsl(15, 94%, 79%)

HSB

hsb(15, 40%, 99%)

CMYK

cmyk(0%, 30%, 40%, 1%)

Oklch

oklch(82.5% 0.095 39.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A09CAD

Wisteria · DarkGray · Silver Sand

HEX

#A09CAD

RGB

rgb(160, 156, 173)

HSL

hsl(254, 9%, 65%)

HSB

hsb(254, 10%, 68%)

CMYK

cmyk(8%, 10%, 0%, 32%)

Oklch

oklch(70.2% 0.025 296.5)

Traditional「Wisteria」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBC9A4

A4B6DB

Analogous

DBADA4

DBC9A4

D2DBA4

Triadic

DBC9A4

A4DBC8

C8A4DB

Split-Comp.

DBC9A4

A4D2DB

ADA4DB

Tetradic

DBC9A4

A4DBAD

A4B6DB

DBA4D2

Contrast Matrix WCAG 2.1 Contrast

DBC9A4	D6C6B4	E3B9AC	FCB197	A09CAD
—	1.0 Fail	1.1 Fail	1.1 Fail	1.6 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.6 Fail
1.1 Fail	1.1 Fail	—	1.0 Fail	1.5 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.5 Fail
1.6 Fail	1.6 Fail	1.5 Fail	1.5 Fail	—

White BG

1.6Fail

1.7Fail

1.8Fail

2.7Fail

Black BG

12.9AAA

12.6AAA

11.8AAA

11.9AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3AD

CFCFB8

D1D0AF

DCDB9D

9E9EA9

Deuteranopia

D4D6AF

D0D1B9

D3D6B0

E0E59F

9F9FA8

Tritanopia

DAB4B6

D5BCBD

E1B2B2

F8A2A3

A0A6A5

Achromatopsia

CACACA

C9C9C9

C4C4C4

9F9F9F

Shades & Tints Shades & Tints

#DBC9A4

Dark

Light

#D6C6B4

Dark

Light

#E3B9AC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbc9a4;
  --color-2: #d6c6b4;
  --color-3: #e3b9ac;
  --color-4: #fcb197;
  --color-5: #a09cad;
}

SCSS

$color-1: #dbc9a4;
$color-2: #d6c6b4;
$color-3: #e3b9ac;
$color-4: #fcb197;
$color-5: #a09cad;

TAILWIND

colors: {
  'brand-1': '#dbc9a4',
  'brand-2': '#d6c6b4',
  'brand-3': '#e3b9ac',
  'brand-4': '#fcb197',
  'brand-5': '#a09cad',
}

RGB Array

[219, 201, 164], [214, 198, 180], [227, 185, 172], [252, 177, 151], [160, 156, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBC9A4, #D6C6B4, #E3B9AC, #FCB197, #A09CAD is ideal for: health products, baby brands, fresh-style blogs. 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: #dbc9a4; --color-2: #d6c6b4; --color-3: #e3b9ac; --color-4: #fcb197; --color-5: #a09cad. 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. 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