#D5B88C + #DEC79D + #E2DBA7 + #D0C9AF + #90A39F · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#D5B88C

Ginger · Tan · Warm Sun

HEX

#D5B88C

RGB

rgb(213, 184, 140)

HSL

hsl(36, 46%, 69%)

HSB

hsb(36, 34%, 84%)

CMYK

cmyk(0%, 14%, 34%, 16%)

Oklch

oklch(79.7% 0.067 77.9)

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

#DEC79D

Goose Yellow · BurlyWood · Warm Sun

HEX

#DEC79D

RGB

rgb(222, 199, 157)

HSL

hsl(39, 50%, 74%)

HSB

hsb(39, 29%, 87%)

CMYK

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

Oklch

oklch(83.9% 0.061 82.5)

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

#E2DBA7

Fresh Green · Wheat · Lemon Cream

HEX

#E2DBA7

RGB

rgb(226, 219, 167)

HSL

hsl(53, 50%, 77%)

HSB

hsb(53, 26%, 89%)

CMYK

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

Oklch

oklch(88.4% 0.068 101.2)

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

#D0C9AF

Goose Yellow · Silver · Sunflower

HEX

#D0C9AF

RGB

rgb(208, 201, 175)

HSL

hsl(47, 26%, 75%)

HSB

hsb(47, 16%, 82%)

CMYK

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

Oklch

oklch(83.5% 0.036 94.6)

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

#90A39F

Mineral Blue · DarkGray · Silver Sand

HEX

#90A39F

RGB

rgb(144, 163, 159)

HSL

hsl(167, 9%, 60%)

HSB

hsb(167, 12%, 64%)

CMYK

cmyk(12%, 0%, 2%, 36%)

Oklch

oklch(69.9% 0.022 181.6)

Traditional「Mineral Blue」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5B88C

8CA9D4

Analogous

D4938C

D5B88C

CDD48C

Triadic

D5B88C

8CD4B7

B78CD4

Split-Comp.

D5B88C

8CCDD4

938CD4

Tetradic

D5B88C

8CD493

8CA9D4

D48CCD

Contrast Matrix WCAG 2.1 Contrast

D5B88C	DEC79D	E2DBA7	D0C9AF	90A39F
—	1.2 Fail	1.3 Fail	1.1 Fail	1.4 Fail
1.2 Fail	—	1.2 Fail	1.0 Fail	1.6 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.9 Fail
1.1 Fail	1.0 Fail	1.2 Fail	—	1.6 Fail
1.4 Fail	1.6 Fail	1.9 Fail	1.6 Fail	—

White BG

1.9Fail

1.6Fail

1.4Fail

1.7Fail

2.6Fail

Black BG

11.1AAA

12.8AAA

14.9AAA

12.7AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C897

D4D4A7

DFDFB4

CDCDB5

9898A0

Deuteranopia

CACC99

D5D7AA

DFE0B7

CDCEB7

9796A0

Tritanopia

D49FA1

DDAFB1

E2BEC0

D0BABB

91A1A1

Achromatopsia

BCBCBC

C9C9C9

D7D7D7

C8C8C8

9D9D9D

Shades & Tints Shades & Tints

#D5B88C

Dark

Light

#DEC79D

Dark

Light

#E2DBA7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5b88c;
  --color-2: #dec79d;
  --color-3: #e2dba7;
  --color-4: #d0c9af;
  --color-5: #90a39f;
}

SCSS

$color-1: #d5b88c;
$color-2: #dec79d;
$color-3: #e2dba7;
$color-4: #d0c9af;
$color-5: #90a39f;

TAILWIND

colors: {
  'brand-1': '#d5b88c',
  'brand-2': '#dec79d',
  'brand-3': '#e2dba7',
  'brand-4': '#d0c9af',
  'brand-5': '#90a39f',
}

RGB Array

[213, 184, 140], [222, 199, 157], [226, 219, 167], [208, 201, 175], [144, 163, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D5B88C, #DEC79D, #E2DBA7, #D0C9AF, #90A39F 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: #d5b88c; --color-2: #dec79d; --color-3: #e2dba7; --color-4: #d0c9af; --color-5: #90a39f. 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