#D5CCDC + #E0D9D3 + #EAE6CA + #F7F8DE + #FBFCF2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D5CCDC

Lilac · LightGray · Lavender

HEX

#D5CCDC

RGB

rgb(213, 204, 220)

HSL

hsl(274, 19%, 83%)

HSB

hsb(274, 7%, 86%)

CMYK

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

Oklch

oklch(85.7% 0.024 310.7)

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

#E0D9D3

Apricot · LightGray · Peach Orange

HEX

#E0D9D3

RGB

rgb(224, 217, 211)

HSL

hsl(28, 17%, 85%)

HSB

hsb(28, 6%, 88%)

CMYK

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

Oklch

oklch(88.9% 0.011 63.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EAE6CA

Fresh Green · Bisque · Lemon Cream

HEX

#EAE6CA

RGB

rgb(234, 230, 202)

HSL

hsl(53, 43%, 85%)

HSB

hsb(53, 14%, 92%)

CMYK

cmyk(0%, 2%, 14%, 8%)

Oklch

oklch(92.1% 0.037 100.4)

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

#F7F8DE

Fresh Green · Beige · Lemon Cream

HEX

#F7F8DE

RGB

rgb(247, 248, 222)

HSL

hsl(62, 65%, 92%)

HSB

hsb(62, 10%, 97%)

CMYK

cmyk(0%, 0%, 10%, 3%)

Oklch

oklch(97.2% 0.034 108.8)

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

#FBFCF2

Fresh Green · SeaShell · Lemon Cream

HEX

#FBFCF2

RGB

rgb(251, 252, 242)

HSL

hsl(66, 63%, 97%)

HSB

hsb(66, 4%, 99%)

CMYK

cmyk(0%, 0%, 4%, 1%)

Oklch

oklch(98.8% 0.013 111.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5CCDC

D3DCCB

Analogous

CDCBDC

D5CCDC

DCCBDB

Triadic

D5CCDC

DCD5CB

CBDCD5

Split-Comp.

D5CCDC

DBDCCB

CBDCCD

Tetradic

D5CCDC

DCCDCB

D3DCCB

CBDBDC

Contrast Matrix WCAG 2.1 Contrast

D5CCDC	E0D9D3	EAE6CA	F7F8DE	FBFCF2
—	1.1 Fail	1.2 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.2 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.0 Fail
1.5 Fail	1.4 Fail	1.2 Fail	1.0 Fail	—

White BG

1.6Fail

1.4Fail

1.3Fail

1.1Fail

1.0Fail

Black BG

13.5AAA

15.0AAA

16.7AAA

19.4AAA

20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1D8

DDDDD4

E8E8D1

F7F7E4

FBFBF4

Deuteranopia

D2D2D7

DDDED5

E9E9D2

F7F7E6

FBFBF5

Tritanopia

D5D5D4

E0D6D6

EAD6D7

F7E9EA

FBF6F7

Achromatopsia

D1D1D1

DADADA

E4E4E4

F5F5F5

FBFBFB

Shades & Tints Shades & Tints

#D5CCDC

Dark

Light

#E0D9D3

Dark

Light

#EAE6CA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5ccdc;
  --color-2: #e0d9d3;
  --color-3: #eae6ca;
  --color-4: #f7f8de;
  --color-5: #fbfcf2;
}

SCSS

$color-1: #d5ccdc;
$color-2: #e0d9d3;
$color-3: #eae6ca;
$color-4: #f7f8de;
$color-5: #fbfcf2;

TAILWIND

colors: {
  'brand-1': '#d5ccdc',
  'brand-2': '#e0d9d3',
  'brand-3': '#eae6ca',
  'brand-4': '#f7f8de',
  'brand-5': '#fbfcf2',
}

RGB Array

[213, 204, 220], [224, 217, 211], [234, 230, 202], [247, 248, 222], [251, 252, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5CCDC, #E0D9D3, #EAE6CA, #F7F8DE, #FBFCF2 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: #d5ccdc; --color-2: #e0d9d3; --color-3: #eae6ca; --color-4: #f7f8de; --color-5: #fbfcf2. 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