#EDDBC1 + #DECFFC + #B6B3E9 + #A18BBD + #AC63B5 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#EDDBC1

Goose Yellow · Wheat · Peach Orange

HEX

#EDDBC1

RGB

rgb(237, 219, 193)

HSL

hsl(35, 55%, 84%)

HSB

hsb(35, 19%, 93%)

CMYK

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

Oklch

oklch(89.9% 0.040 77.2)

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

#DECFFC

Wisteria · Lavender · Lavender

HEX

#DECFFC

RGB

rgb(222, 207, 252)

HSL

hsl(260, 88%, 90%)

HSB

hsb(260, 18%, 99%)

CMYK

cmyk(12%, 18%, 0%, 1%)

Oklch

oklch(88.1% 0.063 300.3)

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

#B6B3E9

Wisteria · LightSteelBlue · Sky Blue

HEX

#B6B3E9

RGB

rgb(182, 179, 233)

HSL

hsl(243, 55%, 81%)

HSB

hsb(243, 23%, 91%)

CMYK

cmyk(22%, 23%, 0%, 9%)

Oklch

oklch(78.8% 0.076 287.1)

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

#A18BBD

Wisteria · DarkGray · Lilac Purple

HEX

#A18BBD

RGB

rgb(161, 139, 189)

HSL

hsl(266, 27%, 64%)

HSB

hsb(266, 26%, 74%)

CMYK

cmyk(15%, 26%, 0%, 26%)

Oklch

oklch(67.4% 0.076 304.5)

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

#AC63B5

Dark Plum · MediumOrchid · Violet

HEX

#AC63B5

RGB

rgb(172, 99, 181)

HSL

hsl(293, 36%, 55%)

HSB

hsb(293, 45%, 71%)

CMYK

cmyk(5%, 45%, 0%, 29%)

Oklch

oklch(61.2% 0.143 323.0)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDBC1

C0D2ED

Analogous

EDC3C0

EDDBC1

E9EDC0

Triadic

EDDBC1

C0EDDA

DAC0ED

Split-Comp.

EDDBC1

C0E9ED

C3C0ED

Tetradic

EDDBC1

C0EDC4

C0D2ED

EDC0E9

Contrast Matrix WCAG 2.1 Contrast

EDDBC1	DECFFC	B6B3E9	A18BBD	AC63B5
—	1.1 Fail	1.5 Fail	2.2 Fail	3.0 Fail
1.1 Fail	—	1.4 Fail	2.1 Fail	2.8 Fail
1.5 Fail	1.4 Fail	—	1.5 Fail	2.0 Fail
2.2 Fail	2.1 Fail	1.5 Fail	—	1.3 Fail
3.0 Fail	2.8 Fail	2.0 Fail	1.3 Fail	—

White BG

1.4Fail

1.5Fail

2.0Fail

3.0AA Large

4.0AA Large

Black BG

15.5AAA

14.4AAA

10.6AAA

6.9AA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C7

D8D7F1

B5B5DC

9797B1

8C8CA1

Deuteranopia

E6E8C9

D8D9EE

B5B5D9

999AAE

91969C

Tritanopia

ECCCCD

DDE9E7

B6D2CF

A0A7A5

A8918E

Achromatopsia

DDDDDD

D9D9D9

BABABA

979797

828282

Shades & Tints Shades & Tints

#EDDBC1

Dark

Light

#DECFFC

Dark

Light

#B6B3E9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddbc1;
  --color-2: #decffc;
  --color-3: #b6b3e9;
  --color-4: #a18bbd;
  --color-5: #ac63b5;
}

SCSS

$color-1: #eddbc1;
$color-2: #decffc;
$color-3: #b6b3e9;
$color-4: #a18bbd;
$color-5: #ac63b5;

TAILWIND

colors: {
  'brand-1': '#eddbc1',
  'brand-2': '#decffc',
  'brand-3': '#b6b3e9',
  'brand-4': '#a18bbd',
  'brand-5': '#ac63b5',
}

RGB Array

[237, 219, 193], [222, 207, 252], [182, 179, 233], [161, 139, 189], [172, 99, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EDDBC1, #DECFFC, #B6B3E9, #A18BBD, #AC63B5 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: #eddbc1; --color-2: #decffc; --color-3: #b6b3e9; --color-4: #a18bbd; --color-5: #ac63b5. 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 pastel-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