#C6D4A5 + #DBD7B2 + #DEC4A9 + #EBA39B + #B69F8E · 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

#C6D4A5

Willow Green · Silver · Apple Green

HEX

#C6D4A5

RGB

rgb(198, 212, 165)

HSL

hsl(78, 35%, 74%)

HSB

hsb(78, 22%, 83%)

CMYK

cmyk(7%, 0%, 22%, 17%)

Oklch

oklch(84.7% 0.065 121.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#DBD7B2

Fresh Green · Wheat · Lemon Cream

HEX

#DBD7B2

RGB

rgb(219, 215, 178)

HSL

hsl(54, 36%, 78%)

HSB

hsb(54, 19%, 86%)

CMYK

cmyk(0%, 2%, 19%, 14%)

Oklch

oklch(87.3% 0.049 102.3)

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

#DEC4A9

Goose Yellow · Tan · Peach Orange

HEX

#DEC4A9

RGB

rgb(222, 196, 169)

HSL

hsl(31, 45%, 77%)

HSB

hsb(31, 24%, 87%)

CMYK

cmyk(0%, 12%, 24%, 13%)

Oklch

oklch(83.5% 0.047 68.2)

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

#EBA39B

Peach Pink · BurlyWood · Coral Red

HEX

#EBA39B

RGB

rgb(235, 163, 155)

HSL

hsl(6, 67%, 76%)

HSB

hsb(6, 34%, 92%)

CMYK

cmyk(0%, 31%, 34%, 8%)

Oklch

oklch(78.3% 0.087 26.3)

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

#B69F8E

Apricot · DarkGray · Warm Sun

HEX

#B69F8E

RGB

rgb(182, 159, 142)

HSL

hsl(25, 22%, 64%)

HSB

hsb(25, 22%, 71%)

CMYK

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

Oklch

oklch(71.8% 0.036 58.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6D4A5

B3A5D4

Analogous

D4CBA5

C6D4A5

AFD4A5

Triadic

C6D4A5

A5C6D4

D4A5C6

Split-Comp.

C6D4A5

A5AFD4

CBA5D4

Tetradic

C6D4A5

A5D4CB

B3A5D4

D4A5AF

Contrast Matrix WCAG 2.1 Contrast

C6D4A5	DBD7B2	DEC4A9	EBA39B	B69F8E
—	1.1 Fail	1.1 Fail	1.3 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.3 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.6 Fail	1.7 Fail	1.5 Fail	1.2 Fail	—

White BG

1.6Fail

1.5Fail

1.7Fail

2.0Fail

2.5Fail

Black BG

13.4AAA

14.4AAA

12.6AAA

10.2AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCB0

D9D9BB

D3D3B0

CCCB9D

ACAC92

Deuteranopia

CBCAB3

DADABD

D4D6B1

D0D59D

ADAF93

Tritanopia

C7B9BB

DBC2C4

DDB5B6

E79E9F

B59596

Achromatopsia

CACACA

D4D4D4

C9C9C9

B8B8B8

A4A4A4

Shades & Tints Shades & Tints

#C6D4A5

Dark

Light

#DBD7B2

Dark

Light

#DEC4A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6d4a5;
  --color-2: #dbd7b2;
  --color-3: #dec4a9;
  --color-4: #eba39b;
  --color-5: #b69f8e;
}

SCSS

$color-1: #c6d4a5;
$color-2: #dbd7b2;
$color-3: #dec4a9;
$color-4: #eba39b;
$color-5: #b69f8e;

TAILWIND

colors: {
  'brand-1': '#c6d4a5',
  'brand-2': '#dbd7b2',
  'brand-3': '#dec4a9',
  'brand-4': '#eba39b',
  'brand-5': '#b69f8e',
}

RGB Array

[198, 212, 165], [219, 215, 178], [222, 196, 169], [235, 163, 155], [182, 159, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C6D4A5, #DBD7B2, #DEC4A9, #EBA39B, #B69F8E 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: #c6d4a5; --color-2: #dbd7b2; --color-3: #dec4a9; --color-4: #eba39b; --color-5: #b69f8e. 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