#D3C6B3 + #ECC67D + #D0C9B9 + #DDC9AE + #E0CA99 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D3C6B3

Goose Yellow · Silver · Peach Orange

HEX

#D3C6B3

RGB

rgb(211, 198, 179)

HSL

hsl(36, 27%, 76%)

HSB

hsb(36, 15%, 83%)

CMYK

cmyk(0%, 6%, 15%, 17%)

Oklch

oklch(83.2% 0.030 77.5)

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

#ECC67D

Goose Yellow · BurlyWood · Warm Sun

HEX

#ECC67D

RGB

rgb(236, 198, 125)

HSL

hsl(39, 74%, 71%)

HSB

hsb(39, 47%, 93%)

CMYK

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

Oklch

oklch(84.4% 0.101 82.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D0C9B9

Goose Yellow · Silver · Lemon Cream

HEX

#D0C9B9

RGB

rgb(208, 201, 185)

HSL

hsl(42, 20%, 77%)

HSB

hsb(42, 11%, 82%)

CMYK

cmyk(0%, 3%, 11%, 18%)

Oklch

oklch(83.7% 0.023 87.2)

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

#DDC9AE

Goose Yellow · Wheat · Peach Orange

HEX

#DDC9AE

RGB

rgb(221, 201, 174)

HSL

hsl(34, 41%, 77%)

HSB

hsb(34, 21%, 87%)

CMYK

cmyk(0%, 9%, 21%, 13%)

Oklch

oklch(84.5% 0.043 75.4)

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

#E0CA99

Goose Yellow · BurlyWood · Sunflower

HEX

#E0CA99

RGB

rgb(224, 202, 153)

HSL

hsl(41, 53%, 74%)

HSB

hsb(41, 32%, 88%)

CMYK

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

Oklch

oklch(84.6% 0.069 86.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3C6B3

B1BED2

Analogous

D2B5B1

D3C6B3

CFD2B1

Triadic

D3C6B3

B1D2C5

C5B1D2

Split-Comp.

D3C6B3

B1CFD2

B5B1D2

Tetradic

D3C6B3

B1D2B5

B1BED2

D2B1CF

Contrast Matrix WCAG 2.1 Contrast

D3C6B3	ECC67D	D0C9B9	DDC9AE	E0CA99
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.7Fail

1.6Fail

Black BG

12.5AAA

12.9AAA

12.7AAA

13.0AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDB8

DCDB8F

CDCDBD

D4D4B5

D6D6A5

Deuteranopia

CECFB9

DEE193

CDCEBE

D6D7B6

D8D9A8

Tritanopia

D2BBBC

EA9DA0

D0C0C1

DCBABB

DFAEB0

Achromatopsia

C8C8C8

C9C9C9

CCCCCC

CBCBCB

Shades & Tints Shades & Tints

#D3C6B3

Dark

Light

#ECC67D

Dark

Light

#D0C9B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3c6b3;
  --color-2: #ecc67d;
  --color-3: #d0c9b9;
  --color-4: #ddc9ae;
  --color-5: #e0ca99;
}

SCSS

$color-1: #d3c6b3;
$color-2: #ecc67d;
$color-3: #d0c9b9;
$color-4: #ddc9ae;
$color-5: #e0ca99;

TAILWIND

colors: {
  'brand-1': '#d3c6b3',
  'brand-2': '#ecc67d',
  'brand-3': '#d0c9b9',
  'brand-4': '#ddc9ae',
  'brand-5': '#e0ca99',
}

RGB Array

[211, 198, 179], [236, 198, 125], [208, 201, 185], [221, 201, 174], [224, 202, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3C6B3, #ECC67D, #D0C9B9, #DDC9AE, #E0CA99 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: #d3c6b3; --color-2: #ecc67d; --color-3: #d0c9b9; --color-4: #ddc9ae; --color-5: #e0ca99. 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