#EFD0D9 + #D9D3D5 + #BCD6DC + #99DAE7 + #74DFE9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFD0D9

Rouge · Pink · Cherry Blossom

HEX

#EFD0D9

RGB

rgb(239, 208, 217)

HSL

hsl(343, 49%, 88%)

HSB

hsb(343, 13%, 94%)

CMYK

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

Oklch

oklch(88.6% 0.037 358.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#D9D3D5

Silver Gray · LightGray · Pearl Gray

HEX

#D9D3D5

RGB

rgb(217, 211, 213)

HSL

hsl(340, 7%, 84%)

HSB

hsb(340, 3%, 85%)

CMYK

cmyk(0%, 3%, 2%, 15%)

Oklch

oklch(87.2% 0.007 354.8)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#BCD6DC

Sky Blue · LightBlue · Glacier Blue

HEX

#BCD6DC

RGB

rgb(188, 214, 220)

HSL

hsl(191, 31%, 80%)

HSB

hsb(191, 15%, 86%)

CMYK

cmyk(15%, 3%, 0%, 14%)

Oklch

oklch(85.9% 0.029 213.2)

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

#99DAE7

Sky Blue · LightBlue · Lake Green

HEX

#99DAE7

RGB

rgb(153, 218, 231)

HSL

hsl(190, 62%, 75%)

HSB

hsb(190, 34%, 91%)

CMYK

cmyk(34%, 6%, 0%, 9%)

Oklch

oklch(84.9% 0.068 211.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#74DFE9

Sky Blue · SkyBlue · Lake Green

HEX

#74DFE9

RGB

rgb(116, 223, 233)

HSL

hsl(185, 73%, 68%)

HSB

hsb(185, 50%, 91%)

CMYK

cmyk(50%, 4%, 0%, 9%)

Oklch

oklch(84.4% 0.100 203.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD0D9

D1EFE7

Analogous

EFD1E9

EFD0D9

EFD8D1

Triadic

EFD0D9

DAEFD1

D1DAEF

Split-Comp.

EFD0D9

D1EFD8

D1E9EF

Tetradic

EFD0D9

E9EFD1

D1EFE7

D8D1EF

Contrast Matrix WCAG 2.1 Contrast

EFD0D9	D9D3D5	BCD6DC	99DAE7	74DFE9
—	1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.4Fail

1.5Fail

1.6Fail

Black BG

14.7AAA

14.2AAA

13.8AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E1D7

D6D6D5

C7C7DB

B5B6E4

A2A3E7

Deuteranopia

E3E6D6

D7D7D4

C6C4DA

B1ADE3

9C94E6

Tritanopia

EDD5D5

D9D4D4

BDD9D9

9CE1E1

79E5E4

Achromatopsia

DADADA

D5D5D5

CFCFCF

C8C8C8

C0C0C0

Shades & Tints Shades & Tints

#EFD0D9

Dark

Light

#D9D3D5

Dark

Light

#BCD6DC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd0d9;
  --color-2: #d9d3d5;
  --color-3: #bcd6dc;
  --color-4: #99dae7;
  --color-5: #74dfe9;
}

SCSS

$color-1: #efd0d9;
$color-2: #d9d3d5;
$color-3: #bcd6dc;
$color-4: #99dae7;
$color-5: #74dfe9;

TAILWIND

colors: {
  'brand-1': '#efd0d9',
  'brand-2': '#d9d3d5',
  'brand-3': '#bcd6dc',
  'brand-4': '#99dae7',
  'brand-5': '#74dfe9',
}

RGB Array

[239, 208, 217], [217, 211, 213], [188, 214, 220], [153, 218, 231], [116, 223, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFD0D9, #D9D3D5, #BCD6DC, #99DAE7, #74DFE9 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: #efd0d9; --color-2: #d9d3d5; --color-3: #bcd6dc; --color-4: #99dae7; --color-5: #74dfe9. 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