#D6EDE2 + #C5D6ED + #C5BEEB + #C7A5D9 + #B5729F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6EDE2

Jade · Lavender · Mint Green

HEX

#D6EDE2

RGB

rgb(214, 237, 226)

HSL

hsl(151, 39%, 88%)

HSB

hsb(151, 10%, 93%)

CMYK

cmyk(10%, 0%, 5%, 7%)

Oklch

oklch(92.6% 0.028 165.4)

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

#C5D6ED

Azure · LightBlue · Sky Blue

HEX

#C5D6ED

RGB

rgb(197, 214, 237)

HSL

hsl(215, 53%, 85%)

HSB

hsb(215, 17%, 93%)

CMYK

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

Oklch

oklch(87.0% 0.037 256.0)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#C5BEEB

Wisteria · LightSteelBlue · Sky Blue

HEX

#C5BEEB

RGB

rgb(197, 190, 235)

HSL

hsl(249, 53%, 83%)

HSB

hsb(249, 19%, 92%)

CMYK

cmyk(16%, 19%, 0%, 8%)

Oklch

oklch(82.2% 0.063 292.1)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#C7A5D9

Lilac · Silver · Lilac Purple

HEX

#C7A5D9

RGB

rgb(199, 165, 217)

HSL

hsl(279, 41%, 75%)

HSB

hsb(279, 24%, 85%)

CMYK

cmyk(8%, 24%, 0%, 15%)

Oklch

oklch(76.9% 0.082 313.8)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#B5729F

Rose Purple · DarkGray · Rose Pink

HEX

#B5729F

RGB

rgb(181, 114, 159)

HSL

hsl(320, 31%, 58%)

HSB

hsb(320, 37%, 71%)

CMYK

cmyk(0%, 37%, 12%, 29%)

Oklch

oklch(63.8% 0.103 340.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6EDE2

ECD4E0

Analogous

D4ECD5

D6EDE2

D4ECEC

Triadic

D6EDE2

E1D4EC

ECE1D4

Split-Comp.

D6EDE2

ECD4EC

ECD5D4

Tetradic

D6EDE2

D5D4EC

ECD4E0

ECECD4

Contrast Matrix WCAG 2.1 Contrast

D6EDE2	C5D6ED	C5BEEB	C7A5D9	B5729F
—	1.2 Fail	1.4 Fail	1.7 Fail	2.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	2.4 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	2.0 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.7 Fail
2.9 Fail	2.4 Fail	2.0 Fail	1.7 Fail	—

White BG

1.2Fail

1.5Fail

1.8Fail

2.1Fail

3.6AA Large

Black BG

17.1AAA

14.2AAA

11.9AAA

9.8AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0E5

CCCDE7

C2C2E0

B8B8CC

989794

Deuteranopia

DFDDE5

CBCAE6

C2C3DE

BABDC9

9CA192

Tritanopia

D7E7E7

C6E3E2

C5D8D6

C5C2C0

B28C8A

Achromatopsia

E5E5E5

D4D4D4

C5C5C5

B5B5B5

8B8B8B

Shades & Tints Shades & Tints

#D6EDE2

Dark

Light

#C5D6ED

Dark

Light

#C5BEEB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6ede2;
  --color-2: #c5d6ed;
  --color-3: #c5beeb;
  --color-4: #c7a5d9;
  --color-5: #b5729f;
}

SCSS

$color-1: #d6ede2;
$color-2: #c5d6ed;
$color-3: #c5beeb;
$color-4: #c7a5d9;
$color-5: #b5729f;

TAILWIND

colors: {
  'brand-1': '#d6ede2',
  'brand-2': '#c5d6ed',
  'brand-3': '#c5beeb',
  'brand-4': '#c7a5d9',
  'brand-5': '#b5729f',
}

RGB Array

[214, 237, 226], [197, 214, 237], [197, 190, 235], [199, 165, 217], [181, 114, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6EDE2, #C5D6ED, #C5BEEB, #C7A5D9, #B5729F 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: #d6ede2; --color-2: #c5d6ed; --color-3: #c5beeb; --color-4: #c7a5d9; --color-5: #b5729f. 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