#D8CAB1 + #F2E8C8 + #EAE3C7 + #D1CEC6 + #C1BDB6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D8CAB1

Goose Yellow · Silver · Peach Orange

HEX

#D8CAB1

RGB

rgb(216, 202, 177)

HSL

hsl(38, 33%, 77%)

HSB

hsb(38, 18%, 85%)

CMYK

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

Oklch

oklch(84.4% 0.037 82.2)

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

#F2E8C8

Goose Yellow · Bisque · Lemon Cream

HEX

#F2E8C8

RGB

rgb(242, 232, 200)

HSL

hsl(46, 62%, 87%)

HSB

hsb(46, 17%, 95%)

CMYK

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

Oklch

oklch(93.1% 0.043 92.7)

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

#EAE3C7

Goose Yellow · Bisque · Lemon Cream

HEX

#EAE3C7

RGB

rgb(234, 227, 199)

HSL

hsl(48, 45%, 85%)

HSB

hsb(48, 15%, 92%)

CMYK

cmyk(0%, 3%, 15%, 8%)

Oklch

oklch(91.4% 0.038 95.5)

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

#D1CEC6

Goose Yellow · LightGray · Lemon Cream

HEX

#D1CEC6

RGB

rgb(209, 206, 198)

HSL

hsl(44, 11%, 80%)

HSB

hsb(44, 5%, 82%)

CMYK

cmyk(0%, 1%, 5%, 18%)

Oklch

oklch(85.2% 0.011 89.7)

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

#C1BDB6

Goose Yellow · Silver · Pearl Gray

HEX

#C1BDB6

RGB

rgb(193, 189, 182)

HSL

hsl(38, 8%, 74%)

HSB

hsb(38, 6%, 76%)

CMYK

cmyk(0%, 2%, 6%, 24%)

Oklch

oklch(80.0% 0.011 81.8)

Traditional「Goose Yellow」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8CAB1

B1BFD8

Analogous

D8B6B1

D8CAB1

D3D8B1

Triadic

D8CAB1

B1D8CA

CAB1D8

Split-Comp.

D8CAB1

B1D3D8

B6B1D8

Tetradic

D8CAB1

B1D8B6

B1BFD8

D8B1D3

Contrast Matrix WCAG 2.1 Contrast

D8CAB1	F2E8C8	EAE3C7	D1CEC6	C1BDB6
—	1.3 Fail	1.3 Fail	1.0 Fail	1.2 Fail
1.3 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.0 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.2 Fail	1.5 Fail	1.5 Fail	1.2 Fail	—

White BG

1.6Fail

1.2Fail

1.3Fail

1.6Fail

1.9Fail

Black BG

13.0AAA

17.2AAA

16.3AAA

13.4AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2B7

EEEED0

E7E7CE

D0D0C8

BFBFB8

Deuteranopia

D3D4B9

EEEFD2

E7E8CF

D0D0C8

C0C0B8

Tritanopia

D7BCBD

F1D6D7

EAD3D4

D1C9CA

C1B9B9

Achromatopsia

CBCBCB

E7E7E7

E2E2E2

CECECE

BDBDBD

Shades & Tints Shades & Tints

#D8CAB1

Dark

Light

#F2E8C8

Dark

Light

#EAE3C7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8cab1;
  --color-2: #f2e8c8;
  --color-3: #eae3c7;
  --color-4: #d1cec6;
  --color-5: #c1bdb6;
}

SCSS

$color-1: #d8cab1;
$color-2: #f2e8c8;
$color-3: #eae3c7;
$color-4: #d1cec6;
$color-5: #c1bdb6;

TAILWIND

colors: {
  'brand-1': '#d8cab1',
  'brand-2': '#f2e8c8',
  'brand-3': '#eae3c7',
  'brand-4': '#d1cec6',
  'brand-5': '#c1bdb6',
}

RGB Array

[216, 202, 177], [242, 232, 200], [234, 227, 199], [209, 206, 198], [193, 189, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8CAB1, #F2E8C8, #EAE3C7, #D1CEC6, #C1BDB6 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: #d8cab1; --color-2: #f2e8c8; --color-3: #eae3c7; --color-4: #d1cec6; --color-5: #c1bdb6. 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