#D4AEC9 + #EBDDBC + #C9D9BD + #B6D1C4 + #9DC4BC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D4AEC9

Mauve · Silver · Lilac Purple

HEX

#D4AEC9

RGB

rgb(212, 174, 201)

HSL

hsl(317, 31%, 76%)

HSB

hsb(317, 18%, 83%)

CMYK

cmyk(0%, 18%, 5%, 17%)

Oklch

oklch(79.3% 0.057 336.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#EBDDBC

Goose Yellow · Wheat · Lemon Cream

HEX

#EBDDBC

RGB

rgb(235, 221, 188)

HSL

hsl(42, 54%, 83%)

HSB

hsb(42, 20%, 92%)

CMYK

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

Oklch

oklch(90.0% 0.046 87.8)

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

#C9D9BD

Celadon · LightGray · Apple Green

HEX

#C9D9BD

RGB

rgb(201, 217, 189)

HSL

hsl(94, 27%, 80%)

HSB

hsb(94, 13%, 85%)

CMYK

cmyk(7%, 0%, 13%, 15%)

Oklch

oklch(86.6% 0.042 131.7)

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

#B6D1C4

Jade · Silver · Apple Green

HEX

#B6D1C4

RGB

rgb(182, 209, 196)

HSL

hsl(151, 23%, 77%)

HSB

hsb(151, 13%, 82%)

CMYK

cmyk(13%, 0%, 6%, 18%)

Oklch

oklch(83.7% 0.034 165.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#9DC4BC

Jade · DarkGray · Lake Green

HEX

#9DC4BC

RGB

rgb(157, 196, 188)

HSL

hsl(168, 25%, 69%)

HSB

hsb(168, 20%, 77%)

CMYK

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

Oklch

oklch(79.0% 0.043 181.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4AEC9

AFD5BA

Analogous

CDAFD5

D4AEC9

D5AFB7

Triadic

D4AEC9

CAD5AF

AFCAD5

Split-Comp.

D4AEC9

B7D5AF

AFD5CD

Tetradic

D4AEC9

D5CDAF

AFD5BA

AFB7D5

Contrast Matrix WCAG 2.1 Contrast

D4AEC9	EBDDBC	C9D9BD	B6D1C4	9DC4BC
—	1.5 Fail	1.3 Fail	1.2 Fail	1.0 Fail
1.5 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.0 Fail	1.4 Fail	1.3 Fail	1.2 Fail	—

White BG

2.0Fail

1.3Fail

1.5Fail

1.6Fail

1.9Fail

Black BG

10.7AAA

15.6AAA

14.1AAA

12.9AAA

11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C3C2

E5E5C4

D0D0C4

C2C2C7

AEAEBE

Deuteranopia

C6C9C1

E6E7C6

CFCEC5

C0BEC8

ACA9BE

Tritanopia

D2BDBC

EACACC

CAC9CA

B7CACA

9FBFC0

Achromatopsia

BCBCBC

DDDDDD

D1D1D1

C7C7C7

B7B7B7

Shades & Tints Shades & Tints

#D4AEC9

Dark

Light

#EBDDBC

Dark

Light

#C9D9BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4aec9;
  --color-2: #ebddbc;
  --color-3: #c9d9bd;
  --color-4: #b6d1c4;
  --color-5: #9dc4bc;
}

SCSS

$color-1: #d4aec9;
$color-2: #ebddbc;
$color-3: #c9d9bd;
$color-4: #b6d1c4;
$color-5: #9dc4bc;

TAILWIND

colors: {
  'brand-1': '#d4aec9',
  'brand-2': '#ebddbc',
  'brand-3': '#c9d9bd',
  'brand-4': '#b6d1c4',
  'brand-5': '#9dc4bc',
}

RGB Array

[212, 174, 201], [235, 221, 188], [201, 217, 189], [182, 209, 196], [157, 196, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4AEC9, #EBDDBC, #C9D9BD, #B6D1C4, #9DC4BC 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: #d4aec9; --color-2: #ebddbc; --color-3: #c9d9bd; --color-4: #b6d1c4; --color-5: #9dc4bc. 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