#D4C9B2 + #FFECBE + #FDDFB5 + #EACEAA + #95908A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D4C9B2

Goose Yellow · Silver · Lemon Cream

HEX

#D4C9B2

RGB

rgb(212, 201, 178)

HSL

hsl(41, 28%, 76%)

HSB

hsb(41, 16%, 83%)

CMYK

cmyk(0%, 5%, 16%, 17%)

Oklch

oklch(83.9% 0.033 85.5)

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

#FFECBE

Goose Yellow · Bisque · Lemon Cream

HEX

#FFECBE

RGB

rgb(255, 236, 190)

HSL

hsl(42, 100%, 87%)

HSB

hsb(42, 25%, 100%)

CMYK

cmyk(0%, 7%, 25%, 0%)

Oklch

oklch(94.7% 0.063 88.2)

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

#FDDFB5

Goose Yellow · Wheat · Peach Orange

HEX

#FDDFB5

RGB

rgb(253, 223, 181)

HSL

hsl(35, 95%, 85%)

HSB

hsb(35, 28%, 99%)

CMYK

cmyk(0%, 12%, 28%, 1%)

Oklch

oklch(91.8% 0.064 76.1)

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

#EACEAA

Goose Yellow · Wheat · Peach Orange

HEX

#EACEAA

RGB

rgb(234, 206, 170)

HSL

hsl(34, 60%, 79%)

HSB

hsb(34, 27%, 92%)

CMYK

cmyk(0%, 12%, 27%, 8%)

Oklch

oklch(86.6% 0.057 73.9)

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

#95908A

Ash · Gray · Silver Sand

HEX

#95908A

RGB

rgb(149, 144, 138)

HSL

hsl(33, 5%, 56%)

HSB

hsb(33, 7%, 58%)

CMYK

cmyk(0%, 3%, 7%, 42%)

Oklch

oklch(65.6% 0.011 72.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4C9B2

B1BCD3

Analogous

D3B7B1

D4C9B2

CDD3B1

Triadic

D4C9B2

B1D3C8

C8B1D3

Split-Comp.

D4C9B2

B1CDD3

B7B1D3

Tetradic

D4C9B2

B1D3B7

B1BCD3

D3B1CD

Contrast Matrix WCAG 2.1 Contrast

D4C9B2	FFECBE	FDDFB5	EACEAA	95908A
—	1.4 Fail	1.3 Fail	1.1 Fail	1.9 Fail
1.4 Fail	—	1.1 Fail	1.3 Fail	2.7 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	2.5 Fail
1.1 Fail	1.3 Fail	1.2 Fail	—	2.1 Fail
1.9 Fail	2.7 Fail	2.5 Fail	2.1 Fail	—

White BG

1.6Fail

1.2Fail

1.3Fail

1.5Fail

3.2AA Large

Black BG

12.8AAA

18.0AAA

16.4AAA

13.9AAA

6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFB8

F7F7C9

F0F0BF

DEDEB3

93938B

Deuteranopia

D0D1B9

F8F9CC

F2F4C2

E0E2B5

93948C

Tritanopia

D3BCBD

FED2D4

FCC7C9

E9BABB

958D8D

Achromatopsia

CACACA

ECECEC

E3E3E3

D2D2D2

919191

Shades & Tints Shades & Tints

#D4C9B2

Dark

Light

#FFECBE

Dark

Light

#FDDFB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4c9b2;
  --color-2: #ffecbe;
  --color-3: #fddfb5;
  --color-4: #eaceaa;
  --color-5: #95908a;
}

SCSS

$color-1: #d4c9b2;
$color-2: #ffecbe;
$color-3: #fddfb5;
$color-4: #eaceaa;
$color-5: #95908a;

TAILWIND

colors: {
  'brand-1': '#d4c9b2',
  'brand-2': '#ffecbe',
  'brand-3': '#fddfb5',
  'brand-4': '#eaceaa',
  'brand-5': '#95908a',
}

RGB Array

[212, 201, 178], [255, 236, 190], [253, 223, 181], [234, 206, 170], [149, 144, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4C9B2, #FFECBE, #FDDFB5, #EACEAA, #95908A 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: #d4c9b2; --color-2: #ffecbe; --color-3: #fddfb5; --color-4: #eaceaa; --color-5: #95908a. 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