#E1D6B7 + #DBCCA2 + #F6BF98 + #C7AD8D + #B6B490 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E1D6B7

Goose Yellow · Wheat · Lemon Cream

HEX

#E1D6B7

RGB

rgb(225, 214, 183)

HSL

hsl(44, 41%, 80%)

HSB

hsb(44, 19%, 88%)

CMYK

cmyk(0%, 5%, 19%, 12%)

Oklch

oklch(87.7% 0.043 90.8)

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

#DBCCA2

Goose Yellow · BurlyWood · Sunflower

HEX

#DBCCA2

RGB

rgb(219, 204, 162)

HSL

hsl(44, 44%, 75%)

HSB

hsb(44, 26%, 86%)

CMYK

cmyk(0%, 7%, 26%, 14%)

Oklch

oklch(84.7% 0.058 90.7)

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

#F6BF98

Apricot · BurlyWood · Peach Orange

HEX

#F6BF98

RGB

rgb(246, 191, 152)

HSL

hsl(25, 84%, 78%)

HSB

hsb(25, 38%, 96%)

CMYK

cmyk(0%, 22%, 38%, 4%)

Oklch

oklch(84.5% 0.082 56.7)

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

#C7AD8D

Ginger · Tan · Warm Sun

HEX

#C7AD8D

RGB

rgb(199, 173, 141)

HSL

hsl(33, 34%, 67%)

HSB

hsb(33, 29%, 78%)

CMYK

cmyk(0%, 13%, 29%, 22%)

Oklch

oklch(76.2% 0.053 72.7)

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

#B6B490

Fresh Green · Tan · Sunflower

HEX

#B6B490

RGB

rgb(182, 180, 144)

HSL

hsl(57, 21%, 64%)

HSB

hsb(57, 21%, 71%)

CMYK

cmyk(0%, 1%, 21%, 29%)

Oklch

oklch(76.2% 0.049 104.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1D6B7

B7C2E1

Analogous

E1C1B7

E1D6B7

D7E1B7

Triadic

E1D6B7

B7E1D6

D6B7E1

Split-Comp.

E1D6B7

B7D7E1

C1B7E1

Tetradic

E1D6B7

B7E1C1

B7C2E1

E1B7D7

Contrast Matrix WCAG 2.1 Contrast

E1D6B7	DBCCA2	F6BF98	C7AD8D	B6B490
—	1.1 Fail	1.1 Fail	1.5 Fail	1.5 Fail
1.1 Fail	—	1.0 Fail	1.3 Fail	1.3 Fail
1.1 Fail	1.0 Fail	—	1.3 Fail	1.3 Fail
1.5 Fail	1.3 Fail	1.3 Fail	—	1.0 Fail
1.5 Fail	1.3 Fail	1.3 Fail	1.0 Fail	—

White BG

1.4Fail

1.6Fail

2.1Fail

Black BG

14.5AAA

13.2AAA

12.8AAA

9.8AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCBF

D5D4AC

DEDEA1

BCBC95

B5B599

Deuteranopia

DDDEC0

D5D6AF

E1E6A4

BDBF97

B5B59B

Tritanopia

E0C4C6

DAB4B6

F3A9AB

C69B9C

B6A0A1

Achromatopsia

D6D6D6

CCCCCC

CBCBCB

B1B1B1

B0B0B0

Shades & Tints Shades & Tints

#E1D6B7

Dark

Light

#DBCCA2

Dark

Light

#F6BF98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1d6b7;
  --color-2: #dbcca2;
  --color-3: #f6bf98;
  --color-4: #c7ad8d;
  --color-5: #b6b490;
}

SCSS

$color-1: #e1d6b7;
$color-2: #dbcca2;
$color-3: #f6bf98;
$color-4: #c7ad8d;
$color-5: #b6b490;

TAILWIND

colors: {
  'brand-1': '#e1d6b7',
  'brand-2': '#dbcca2',
  'brand-3': '#f6bf98',
  'brand-4': '#c7ad8d',
  'brand-5': '#b6b490',
}

RGB Array

[225, 214, 183], [219, 204, 162], [246, 191, 152], [199, 173, 141], [182, 180, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E1D6B7, #DBCCA2, #F6BF98, #C7AD8D, #B6B490 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: #e1d6b7; --color-2: #dbcca2; --color-3: #f6bf98; --color-4: #c7ad8d; --color-5: #b6b490. 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 pastel-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