#E1D1E3 + #ECCBCB + #ECDFCB + #D4ECCB + #CBECE7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E1D1E3

Lilac · LightGray · Lavender

HEX

#E1D1E3

RGB

rgb(225, 209, 227)

HSL

hsl(293, 24%, 85%)

HSB

hsb(293, 8%, 89%)

CMYK

cmyk(1%, 8%, 0%, 11%)

Oklch

oklch(87.9% 0.030 322.4)

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

#ECCBCB

Peach Pink · Pink · Cherry Blossom

HEX

#ECCBCB

RGB

rgb(236, 203, 203)

HSL

hsl(0, 46%, 86%)

HSB

hsb(0, 14%, 93%)

CMYK

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

Oklch

oklch(87.0% 0.037 17.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#ECDFCB

Goose Yellow · Bisque · Peach Orange

HEX

#ECDFCB

RGB

rgb(236, 223, 203)

HSL

hsl(36, 46%, 86%)

HSB

hsb(36, 14%, 93%)

CMYK

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

Oklch

oklch(90.9% 0.030 78.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D4ECCB

Celadon · LightGray · Mint Green

HEX

#D4ECCB

RGB

rgb(212, 236, 203)

HSL

hsl(104, 46%, 86%)

HSB

hsb(104, 14%, 93%)

CMYK

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

Oklch

oklch(91.7% 0.051 137.1)

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

#CBECE7

Jade · LightGray · Glacier Blue

HEX

#CBECE7

RGB

rgb(203, 236, 231)

HSL

hsl(171, 46%, 86%)

HSB

hsb(171, 14%, 93%)

CMYK

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

Oklch

oklch(91.8% 0.035 185.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1D1E3

D2E2D0

Analogous

D7D0E2

E1D1E3

E2D0DB

Triadic

E1D1E3

E2E0D0

D0E2E0

Split-Comp.

E1D1E3

DBE2D0

D0E2D7

Tetradic

E1D1E3

E2D7D0

D2E2D0

D0DBE2

Contrast Matrix WCAG 2.1 Contrast

E1D1E3	ECCBCB	ECDFCB	D4ECCB	CBECE7
—	1.0 Fail	1.1 Fail	1.2 Fail	1.2 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.0 Fail	1.0 Fail
1.2 Fail	1.2 Fail	1.0 Fail	—	1.0 Fail
1.2 Fail	1.2 Fail	1.0 Fail	1.0 Fail	—

White BG

1.5Fail

1.3Fail

Black BG

14.4AAA

14.0AAA

16.0AAA

16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADADF

DEDDCB

E6E6D0

DEDFD3

D9DAE8

Deuteranopia

DBDCDE

E0E2CB

E7E8D1

DDDBD5

D7D5E9

Tritanopia

E0DBDA

EACBCB

EBD4D5

D5D9DB

CDE9E9

Achromatopsia

D8D8D8

D5D5D5

E1E1E1

E2E2E2

Shades & Tints Shades & Tints

#E1D1E3

Dark

Light

#ECCBCB

Dark

Light

#ECDFCB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1d1e3;
  --color-2: #eccbcb;
  --color-3: #ecdfcb;
  --color-4: #d4eccb;
  --color-5: #cbece7;
}

SCSS

$color-1: #e1d1e3;
$color-2: #eccbcb;
$color-3: #ecdfcb;
$color-4: #d4eccb;
$color-5: #cbece7;

TAILWIND

colors: {
  'brand-1': '#e1d1e3',
  'brand-2': '#eccbcb',
  'brand-3': '#ecdfcb',
  'brand-4': '#d4eccb',
  'brand-5': '#cbece7',
}

RGB Array

[225, 209, 227], [236, 203, 203], [236, 223, 203], [212, 236, 203], [203, 236, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1D1E3, #ECCBCB, #ECDFCB, #D4ECCB, #CBECE7 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: #e1d1e3; --color-2: #eccbcb; --color-3: #ecdfcb; --color-4: #d4eccb; --color-5: #cbece7. 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