#E8F5A5 + #ED9785 + #C6AFAD + #D0E2EA + #E4E5EF · 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

#E8F5A5

Willow Green · Wheat · Apple Green

HEX

#E8F5A5

RGB

rgb(232, 245, 165)

HSL

hsl(70, 80%, 80%)

HSB

hsb(70, 33%, 96%)

CMYK

cmyk(5%, 0%, 33%, 4%)

Oklch

oklch(94.2% 0.103 115.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#ED9785

Peach Pink · DarkSalmon · Coral Red

HEX

#ED9785

RGB

rgb(237, 151, 133)

HSL

hsl(10, 74%, 73%)

HSB

hsb(10, 44%, 93%)

CMYK

cmyk(0%, 36%, 44%, 7%)

Oklch

oklch(75.9% 0.108 32.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C6AFAD

Peach Pink · Silver · Coral Red

HEX

#C6AFAD

RGB

rgb(198, 175, 173)

HSL

hsl(5, 18%, 73%)

HSB

hsb(5, 13%, 78%)

CMYK

cmyk(0%, 12%, 13%, 22%)

Oklch

oklch(77.3% 0.027 23.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D0E2EA

Sky Blue · Lavender · Glacier Blue

HEX

#D0E2EA

RGB

rgb(208, 226, 234)

HSL

hsl(198, 38%, 87%)

HSB

hsb(198, 11%, 92%)

CMYK

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

Oklch

oklch(90.2% 0.022 226.2)

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

#E4E5EF

Azure · Lavender · Sky Blue

HEX

#E4E5EF

RGB

rgb(228, 229, 239)

HSL

hsl(235, 26%, 92%)

HSB

hsb(235, 5%, 94%)

CMYK

cmyk(5%, 4%, 0%, 6%)

Oklch

oklch(92.4% 0.014 281.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8F5A5

B1A3F5

Analogous

F5DAA3

E8F5A5

BEF5A3

Triadic

E8F5A5

A3E7F5

F5A3E7

Split-Comp.

E8F5A5

A3BEF5

DAA3F5

Tetradic

E8F5A5

A3F5DA

B1A3F5

F5A3BE

Contrast Matrix WCAG 2.1 Contrast

E8F5A5	ED9785	C6AFAD	D0E2EA	E4E5EF
—	1.9 Fail	1.8 Fail	1.1 Fail	1.1 Fail
1.9 Fail	—	1.1 Fail	1.7 Fail	1.8 Fail
1.8 Fail	1.1 Fail	—	1.6 Fail	1.7 Fail
1.1 Fail	1.7 Fail	1.6 Fail	—	1.1 Fail
1.1 Fail	1.8 Fail	1.7 Fail	1.1 Fail	—

White BG

1.2Fail

2.2Fail

2.1Fail

1.3Fail

Black BG

18.0AAA

9.4AAA

10.1AAA

15.7AAA

16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEB8

C8C789

BCBCAD

D8D8E8

E4E4ED

Deuteranopia

EDECBD

CDD38A

BDBFAE

D7D5E8

E4E4EC

Tritanopia

E9C8CB

E98D8E

C5AEAE

D1E7E6

E4EBEA

Achromatopsia

E8E8E8

AFAFAF

B6B6B6

DEDEDE

E6E6E6

Shades & Tints Shades & Tints

#E8F5A5

Dark

Light

#ED9785

Dark

Light

#C6AFAD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8f5a5;
  --color-2: #ed9785;
  --color-3: #c6afad;
  --color-4: #d0e2ea;
  --color-5: #e4e5ef;
}

SCSS

$color-1: #e8f5a5;
$color-2: #ed9785;
$color-3: #c6afad;
$color-4: #d0e2ea;
$color-5: #e4e5ef;

TAILWIND

colors: {
  'brand-1': '#e8f5a5',
  'brand-2': '#ed9785',
  'brand-3': '#c6afad',
  'brand-4': '#d0e2ea',
  'brand-5': '#e4e5ef',
}

RGB Array

[232, 245, 165], [237, 151, 133], [198, 175, 173], [208, 226, 234], [228, 229, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8F5A5, #ED9785, #C6AFAD, #D0E2EA, #E4E5EF 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: #e8f5a5; --color-2: #ed9785; --color-3: #c6afad; --color-4: #d0e2ea; --color-5: #e4e5ef. 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