#D9D2A8 + #D3CD99 + #CCBE77 + #A49749 + #EBC6BE · 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

#D9D2A8

Fresh Green · Wheat · Sunflower

HEX

#D9D2A8

RGB

rgb(217, 210, 168)

HSL

hsl(51, 39%, 75%)

HSB

hsb(51, 23%, 85%)

CMYK

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

Oklch

oklch(85.9% 0.056 99.6)

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

#D3CD99

Fresh Green · Tan · Sunflower

HEX

#D3CD99

RGB

rgb(211, 205, 153)

HSL

hsl(54, 40%, 71%)

HSB

hsb(54, 27%, 83%)

CMYK

cmyk(0%, 3%, 27%, 17%)

Oklch

oklch(84.0% 0.069 102.2)

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

#CCBE77

Fresh Green · Tan · Sunflower

HEX

#CCBE77

RGB

rgb(204, 190, 119)

HSL

hsl(50, 45%, 63%)

HSB

hsb(50, 42%, 80%)

CMYK

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

Oklch

oklch(79.7% 0.093 98.4)

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

#A49749

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A49749

RGB

rgb(164, 151, 73)

HSL

hsl(51, 38%, 46%)

HSB

hsb(51, 55%, 64%)

CMYK

cmyk(0%, 8%, 55%, 36%)

Oklch

oklch(67.1% 0.100 100.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#EBC6BE

Peach Pink · Pink · Cherry Blossom

HEX

#EBC6BE

RGB

rgb(235, 198, 190)

HSL

hsl(11, 53%, 83%)

HSB

hsb(11, 19%, 92%)

CMYK

cmyk(0%, 16%, 19%, 8%)

Oklch

oklch(85.6% 0.044 32.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D2A8

A6AED8

Analogous

D8B8A6

D9D2A8

C7D8A6

Triadic

D9D2A8

A6D8D1

D1A6D8

Split-Comp.

D9D2A8

A6C7D8

B8A6D8

Tetradic

D9D2A8

A6D8B8

A6AED8

D8A6C7

Contrast Matrix WCAG 2.1 Contrast

D9D2A8	D3CD99	CCBE77	A49749	EBC6BE
—	1.1 Fail	1.2 Fail	1.9 Fail	1.0 Fail
1.1 Fail	—	1.2 Fail	1.8 Fail	1.0 Fail
1.2 Fail	1.2 Fail	—	1.6 Fail	1.2 Fail
1.9 Fail	1.8 Fail	1.6 Fail	—	1.9 Fail
1.0 Fail	1.0 Fail	1.2 Fail	1.9 Fail	—

White BG

1.5Fail

1.6Fail

1.9Fail

3.0Fail

1.6Fail

Black BG

13.7AAA

13.0AAA

11.2AAA

7.1AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6B2

D0D0A6

C6C688

9E9E5C

DBDBC0

Deuteranopia

D6D7B5

D1D1A9

C7C88C

9FA060

DDE0C0

Tritanopia

D9BABC

D3B0B2

CB9699

A36B6E

E9C1C2

Achromatopsia

CFCFCF

C9C9C9

BABABA

929292

D0D0D0

Shades & Tints Shades & Tints

#D9D2A8

Dark

Light

#D3CD99

Dark

Light

#CCBE77

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d2a8;
  --color-2: #d3cd99;
  --color-3: #ccbe77;
  --color-4: #a49749;
  --color-5: #ebc6be;
}

SCSS

$color-1: #d9d2a8;
$color-2: #d3cd99;
$color-3: #ccbe77;
$color-4: #a49749;
$color-5: #ebc6be;

TAILWIND

colors: {
  'brand-1': '#d9d2a8',
  'brand-2': '#d3cd99',
  'brand-3': '#ccbe77',
  'brand-4': '#a49749',
  'brand-5': '#ebc6be',
}

RGB Array

[217, 210, 168], [211, 205, 153], [204, 190, 119], [164, 151, 73], [235, 198, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D9D2A8, #D3CD99, #CCBE77, #A49749, #EBC6BE 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: #d9d2a8; --color-2: #d3cd99; --color-3: #ccbe77; --color-4: #a49749; --color-5: #ebc6be. 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