#D6DEC1 + #C1D4B8 + #C6C5A9 + #D9A8A3 + #E386A8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6DEC1

Willow Green · LightGray · Mint Green

HEX

#D6DEC1

RGB

rgb(214, 222, 193)

HSL

hsl(77, 31%, 81%)

HSB

hsb(77, 13%, 87%)

CMYK

cmyk(4%, 0%, 13%, 13%)

Oklch

oklch(88.7% 0.040 119.8)

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

#C1D4B8

Celadon · Silver · Apple Green

HEX

#C1D4B8

RGB

rgb(193, 212, 184)

HSL

hsl(101, 25%, 78%)

HSB

hsb(101, 13%, 83%)

CMYK

cmyk(9%, 0%, 13%, 17%)

Oklch

oklch(84.8% 0.043 135.5)

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

#C6C5A9

Fresh Green · Silver · Sunflower

HEX

#C6C5A9

RGB

rgb(198, 197, 169)

HSL

hsl(58, 20%, 72%)

HSB

hsb(58, 15%, 78%)

CMYK

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

Oklch

oklch(81.7% 0.038 105.5)

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

#D9A8A3

Peach Pink · Tan · Coral Red

HEX

#D9A8A3

RGB

rgb(217, 168, 163)

HSL

hsl(6, 42%, 75%)

HSB

hsb(6, 25%, 85%)

CMYK

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

Oklch

oklch(77.5% 0.059 25.2)

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

#E386A8

Rouge · LightCoral · Rose Pink

HEX

#E386A8

RGB

rgb(227, 134, 168)

HSL

hsl(338, 62%, 71%)

HSB

hsb(338, 41%, 89%)

CMYK

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

Oklch

oklch(72.8% 0.120 357.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6DEC1

C8C0DE

Analogous

DED7C0

D6DEC1

C6DEC0

Triadic

D6DEC1

C0D5DE

DEC0D5

Split-Comp.

D6DEC1

C0C6DE

D7C0DE

Tetradic

D6DEC1

C0DED7

C8C0DE

DEC0C6

Contrast Matrix WCAG 2.1 Contrast

D6DEC1	C1D4B8	C6C5A9	D9A8A3	E386A8
—	1.1 Fail	1.3 Fail	1.5 Fail	1.8 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.6 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.5 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.6 Fail	1.5 Fail	1.2 Fail	—

White BG

1.4Fail

1.6Fail

1.8Fail

2.1Fail

2.5Fail

Black BG

15.1AAA

13.4AAA

12.0AAA

10.1AAA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9DAC8

C9C9BF

C6C6B0

C4C3A4

BBBAA0

Deuteranopia

D9D8CA

C8C7C0

C6C6B1

C7CAA5

C0C79E

Tritanopia

D6CECF

C2C4C5

C6B5B6

D7A5A5

DE9998

Achromatopsia

D8D8D8

CBCBCB

C2C2C2

B6B6B6

A6A6A6

Shades & Tints Shades & Tints

#D6DEC1

Dark

Light

#C1D4B8

Dark

Light

#C6C5A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6dec1;
  --color-2: #c1d4b8;
  --color-3: #c6c5a9;
  --color-4: #d9a8a3;
  --color-5: #e386a8;
}

SCSS

$color-1: #d6dec1;
$color-2: #c1d4b8;
$color-3: #c6c5a9;
$color-4: #d9a8a3;
$color-5: #e386a8;

TAILWIND

colors: {
  'brand-1': '#d6dec1',
  'brand-2': '#c1d4b8',
  'brand-3': '#c6c5a9',
  'brand-4': '#d9a8a3',
  'brand-5': '#e386a8',
}

RGB Array

[214, 222, 193], [193, 212, 184], [198, 197, 169], [217, 168, 163], [227, 134, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6DEC1, #C1D4B8, #C6C5A9, #D9A8A3, #E386A8 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: #d6dec1; --color-2: #c1d4b8; --color-3: #c6c5a9; --color-4: #d9a8a3; --color-5: #e386a8. 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 general-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