#D1A5B6 + #DFA9B6 + #ECE5D3 + #C9E4DD + #AADDD4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D1A5B6

Rouge · Silver · Rose Pink

HEX

#D1A5B6

RGB

rgb(209, 165, 182)

HSL

hsl(337, 32%, 73%)

HSB

hsb(337, 21%, 82%)

CMYK

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

Oklch

oklch(76.7% 0.056 353.4)

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

#DFA9B6

Peach Pink · LightPink · Coral Red

HEX

#DFA9B6

RGB

rgb(223, 169, 182)

HSL

hsl(346, 46%, 77%)

HSB

hsb(346, 24%, 87%)

CMYK

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

Oklch

oklch(78.8% 0.065 2.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#ECE5D3

Goose Yellow · Beige · Lemon Cream

HEX

#ECE5D3

RGB

rgb(236, 229, 211)

HSL

hsl(43, 40%, 88%)

HSB

hsb(43, 11%, 93%)

CMYK

cmyk(0%, 3%, 11%, 7%)

Oklch

oklch(92.3% 0.025 89.2)

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

#C9E4DD

Jade · LightGray · Glacier Blue

HEX

#C9E4DD

RGB

rgb(201, 228, 221)

HSL

hsl(164, 33%, 84%)

HSB

hsb(164, 12%, 89%)

CMYK

cmyk(12%, 0%, 3%, 11%)

Oklch

oklch(89.7% 0.030 178.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#AADDD4

Jade · LightBlue · Glacier Blue

HEX

#AADDD4

RGB

rgb(170, 221, 212)

HSL

hsl(169, 43%, 77%)

HSB

hsb(169, 23%, 87%)

CMYK

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

Oklch

oklch(85.9% 0.054 183.0)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1A5B6

A4D0BF

Analogous

D0A4CB

D1A5B6

D0A9A4

Triadic

D1A5B6

B5D0A4

A4B5D0

Split-Comp.

D1A5B6

A4D0A9

A4CBD0

Tetradic

D1A5B6

CBD0A4

A4D0BF

A9A4D0

Contrast Matrix WCAG 2.1 Contrast

D1A5B6	DFA9B6	ECE5D3	C9E4DD	AADDD4
—	1.1 Fail	1.7 Fail	1.6 Fail	1.4 Fail
1.1 Fail	—	1.6 Fail	1.5 Fail	1.3 Fail
1.7 Fail	1.6 Fail	—	1.1 Fail	1.2 Fail
1.6 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.1Fail

2.0Fail

1.3Fail

1.5Fail

Black BG

9.8AAA

10.5AAA

16.7AAA

15.6AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEB2

C8C7B3

E9E9D7

D5D5DF

C0C1D6

Deuteranopia

C1C4B1

CBCFB2

E9EAD8

D3D1DF

BDB9D7

Tritanopia

CFAFAE

DCB0B0

ECDBDC

CAE0E0

ADD8D8

Achromatopsia

B4B4B4

BBBBBB

E5E5E5

DBDBDB

CDCDCD

Shades & Tints Shades & Tints

#D1A5B6

Dark

Light

#DFA9B6

Dark

Light

#ECE5D3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1a5b6;
  --color-2: #dfa9b6;
  --color-3: #ece5d3;
  --color-4: #c9e4dd;
  --color-5: #aaddd4;
}

SCSS

$color-1: #d1a5b6;
$color-2: #dfa9b6;
$color-3: #ece5d3;
$color-4: #c9e4dd;
$color-5: #aaddd4;

TAILWIND

colors: {
  'brand-1': '#d1a5b6',
  'brand-2': '#dfa9b6',
  'brand-3': '#ece5d3',
  'brand-4': '#c9e4dd',
  'brand-5': '#aaddd4',
}

RGB Array

[209, 165, 182], [223, 169, 182], [236, 229, 211], [201, 228, 221], [170, 221, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1A5B6, #DFA9B6, #ECE5D3, #C9E4DD, #AADDD4 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: #d1a5b6; --color-2: #dfa9b6; --color-3: #ece5d3; --color-4: #c9e4dd; --color-5: #aaddd4. 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