#D9D4AA + #DCC895 + #CCB19E + #BE9696 + #A6849C · 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

#D9D4AA

Fresh Green · Wheat · Lemon Cream

HEX

#D9D4AA

RGB

rgb(217, 212, 170)

HSL

hsl(54, 38%, 76%)

HSB

hsb(54, 22%, 85%)

CMYK

cmyk(0%, 2%, 22%, 15%)

Oklch

oklch(86.3% 0.056 101.8)

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

#DCC895

Goose Yellow · BurlyWood · Sunflower

HEX

#DCC895

RGB

rgb(220, 200, 149)

HSL

hsl(43, 50%, 72%)

HSB

hsb(43, 32%, 86%)

CMYK

cmyk(0%, 9%, 32%, 14%)

Oklch

oklch(83.7% 0.070 89.1)

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

#CCB19E

Apricot · Tan · Warm Sun

HEX

#CCB19E

RGB

rgb(204, 177, 158)

HSL

hsl(25, 31%, 71%)

HSB

hsb(25, 23%, 80%)

CMYK

cmyk(0%, 13%, 23%, 20%)

Oklch

oklch(77.9% 0.041 57.2)

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

#BE9696

Peach Pink · DarkGray · Coral Red

HEX

#BE9696

RGB

rgb(190, 150, 150)

HSL

hsl(0, 24%, 67%)

HSB

hsb(0, 21%, 75%)

CMYK

cmyk(0%, 21%, 21%, 25%)

Oklch

oklch(71.0% 0.048 18.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A6849C

Rose Purple · DarkGray · Violet

HEX

#A6849C

RGB

rgb(166, 132, 156)

HSL

hsl(318, 16%, 58%)

HSB

hsb(318, 20%, 65%)

CMYK

cmyk(0%, 20%, 6%, 35%)

Oklch

oklch(65.3% 0.053 337.1)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9D4AA

ABAFD9

Analogous

D9BDAB

D9D4AA

C6D9AB

Triadic

D9D4AA

ABD9D4

D4ABD9

Split-Comp.

D9D4AA

ABC6D9

BDABD9

Tetradic

D9D4AA

ABD9BD

ABAFD9

D9ABC6

Contrast Matrix WCAG 2.1 Contrast

D9D4AA	DCC895	CCB19E	BE9696	A6849C
—	1.1 Fail	1.3 Fail	1.7 Fail	2.2 Fail
1.1 Fail	—	1.2 Fail	1.6 Fail	2.0 Fail
1.3 Fail	1.2 Fail	—	1.3 Fail	1.6 Fail
1.7 Fail	1.6 Fail	1.3 Fail	—	1.2 Fail
2.2 Fail	2.0 Fail	1.6 Fail	1.2 Fail	—

White BG

1.5Fail

1.6Fail

2.0Fail

2.6Fail

3.3AA Large

Black BG

13.9AAA

12.7AAA

10.4AAA

8.0AAA

6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7B4

D3D3A1

C0C0A3

ADAC96

979796

Deuteranopia

D7D7B7

D5D6A4

C2C4A4

AFB296

999C95

Tritanopia

D9BCBE

DBABAD

CBA6A7

BC9696

A49291

Achromatopsia

D1D1D1

C8C8C8

B7B7B7

A2A2A2

919191

Shades & Tints Shades & Tints

#D9D4AA

Dark

Light

#DCC895

Dark

Light

#CCB19E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9d4aa;
  --color-2: #dcc895;
  --color-3: #ccb19e;
  --color-4: #be9696;
  --color-5: #a6849c;
}

SCSS

$color-1: #d9d4aa;
$color-2: #dcc895;
$color-3: #ccb19e;
$color-4: #be9696;
$color-5: #a6849c;

TAILWIND

colors: {
  'brand-1': '#d9d4aa',
  'brand-2': '#dcc895',
  'brand-3': '#ccb19e',
  'brand-4': '#be9696',
  'brand-5': '#a6849c',
}

RGB Array

[217, 212, 170], [220, 200, 149], [204, 177, 158], [190, 150, 150], [166, 132, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D9D4AA, #DCC895, #CCB19E, #BE9696, #A6849C 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: #d9d4aa; --color-2: #dcc895; --color-3: #ccb19e; --color-4: #be9696; --color-5: #a6849c. 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