#E1E6C8 + #FAEBC8 + #EBCB98 + #F0AE8E + #B8AA97 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E1E6C8

Willow Green · LightGray · Mint Green

HEX

#E1E6C8

RGB

rgb(225, 230, 200)

HSL

hsl(70, 37%, 84%)

HSB

hsb(70, 13%, 90%)

CMYK

cmyk(2%, 0%, 13%, 10%)

Oklch

oklch(91.3% 0.040 114.9)

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

#FAEBC8

Goose Yellow · Bisque · Lemon Cream

HEX

#FAEBC8

RGB

rgb(250, 235, 200)

HSL

hsl(42, 83%, 88%)

HSB

hsb(42, 20%, 98%)

CMYK

cmyk(0%, 6%, 20%, 2%)

Oklch

oklch(94.3% 0.049 87.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EBCB98

Goose Yellow · BurlyWood · Peach Orange

HEX

#EBCB98

RGB

rgb(235, 203, 152)

HSL

hsl(37, 67%, 76%)

HSB

hsb(37, 35%, 92%)

CMYK

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

Oklch

oklch(85.7% 0.075 79.1)

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

#F0AE8E

Apricot · BurlyWood · Warm Sun

HEX

#F0AE8E

RGB

rgb(240, 174, 142)

HSL

hsl(20, 77%, 75%)

HSB

hsb(20, 41%, 94%)

CMYK

cmyk(0%, 27%, 41%, 6%)

Oklch

oklch(80.5% 0.089 46.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B8AA97

Ginger · DarkGray · Warm Sun

HEX

#B8AA97

RGB

rgb(184, 170, 151)

HSL

hsl(35, 19%, 66%)

HSB

hsb(35, 18%, 72%)

CMYK

cmyk(0%, 8%, 18%, 28%)

Oklch

oklch(74.5% 0.031 75.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1E6C8

CCC7E5

Analogous

E5DBC7

E1E6C8

D1E5C7

Triadic

E1E6C8

C7E0E5

E5C7E0

Split-Comp.

E1E6C8

C7D1E5

DBC7E5

Tetradic

E1E6C8

C7E5DB

CCC7E5

E5C7D1

Contrast Matrix WCAG 2.1 Contrast

E1E6C8	FAEBC8	EBCB98	F0AE8E	B8AA97
—	1.1 Fail	1.2 Fail	1.5 Fail	1.8 Fail
1.1 Fail	—	1.3 Fail	1.6 Fail	1.9 Fail
1.2 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.5 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.9 Fail	1.5 Fail	1.2 Fail	—

White BG

1.3Fail

1.2Fail

1.6Fail

1.9Fail

2.3Fail

Black BG

16.4AAA

17.8AAA

13.5AAA

11.2AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3CF

F4F3D0

DDDDA4

D3D396

B2B29C

Deuteranopia

E3E3D1

F4F6D3

DFE1A7

D7DC98

B3B49D

Tritanopia

E1D5D6

F9D7D9

E9AEB0

ED9C9D

B79FA0

Achromatopsia

E1E1E1

EBEBEB

CFCFCF

BEBEBE

ACACAC

Shades & Tints Shades & Tints

#E1E6C8

Dark

Light

#FAEBC8

Dark

Light

#EBCB98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1e6c8;
  --color-2: #faebc8;
  --color-3: #ebcb98;
  --color-4: #f0ae8e;
  --color-5: #b8aa97;
}

SCSS

$color-1: #e1e6c8;
$color-2: #faebc8;
$color-3: #ebcb98;
$color-4: #f0ae8e;
$color-5: #b8aa97;

TAILWIND

colors: {
  'brand-1': '#e1e6c8',
  'brand-2': '#faebc8',
  'brand-3': '#ebcb98',
  'brand-4': '#f0ae8e',
  'brand-5': '#b8aa97',
}

RGB Array

[225, 230, 200], [250, 235, 200], [235, 203, 152], [240, 174, 142], [184, 170, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E1E6C8, #FAEBC8, #EBCB98, #F0AE8E, #B8AA97 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: #e1e6c8; --color-2: #faebc8; --color-3: #ebcb98; --color-4: #f0ae8e; --color-5: #b8aa97. 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