#E8E8D5 + #FAF9B6 + #FADAB6 + #F2B996 + #B1B3AD · 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

#E8E8D5

Fresh Green · Beige · Lemon Cream

HEX

#E8E8D5

RGB

rgb(232, 232, 213)

HSL

hsl(60, 29%, 87%)

HSB

hsb(60, 8%, 91%)

CMYK

cmyk(0%, 0%, 8%, 9%)

Oklch

oklch(92.6% 0.025 106.9)

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

#FAF9B6

Fresh Green · Bisque · Lemon Cream

HEX

#FAF9B6

RGB

rgb(250, 249, 182)

HSL

hsl(59, 87%, 85%)

HSB

hsb(59, 27%, 98%)

CMYK

cmyk(0%, 0%, 27%, 2%)

Oklch

oklch(96.7% 0.085 107.2)

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

#FADAB6

Goose Yellow · Wheat · Peach Orange

HEX

#FADAB6

RGB

rgb(250, 218, 182)

HSL

hsl(32, 87%, 85%)

HSB

hsb(32, 27%, 98%)

CMYK

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

Oklch

oklch(90.6% 0.059 70.3)

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

#F2B996

Apricot · BurlyWood · Peach Orange

HEX

#F2B996

RGB

rgb(242, 185, 150)

HSL

hsl(23, 78%, 77%)

HSB

hsb(23, 38%, 95%)

CMYK

cmyk(0%, 24%, 38%, 5%)

Oklch

oklch(82.9% 0.081 52.8)

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

#B1B3AD

Ash · DarkGray · Silver Sand

HEX

#B1B3AD

RGB

rgb(177, 179, 173)

HSL

hsl(80, 4%, 69%)

HSB

hsb(80, 3%, 70%)

CMYK

cmyk(1%, 0%, 3%, 30%)

Oklch

oklch(76.3% 0.009 121.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E8D5

D4D4E7

Analogous

E7DED4

E8E8D5

DEE7D4

Triadic

E8E8D5

D4E7E7

E7D4E7

Split-Comp.

E8E8D5

D4DEE7

DED4E7

Tetradic

E8E8D5

D4E7DE

D4D4E7

E7D4DE

Contrast Matrix WCAG 2.1 Contrast

E8E8D5	FAF9B6	FADAB6	F2B996	B1B3AD
—	1.1 Fail	1.1 Fail	1.4 Fail	1.7 Fail
1.1 Fail	—	1.2 Fail	1.6 Fail	1.9 Fail
1.1 Fail	1.2 Fail	—	1.3 Fail	1.6 Fail
1.4 Fail	1.6 Fail	1.3 Fail	—	1.2 Fail
1.7 Fail	1.9 Fail	1.6 Fail	1.2 Fail	—

White BG

1.2Fail

1.1Fail

1.3Fail

1.7Fail

2.1Fail

Black BG

16.9AAA

19.3AAA

15.8AAA

12.2AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8DA

FAFAC6

ECECBF

D9D99E

B2B2AE

Deuteranopia

E8E8DB

FAFACA

EEF0C1

DDE1A1

B2B2AF

Tritanopia

E8DDDE

FAD3D6

F8C6C7

EFA5A7

B1B0B0

Achromatopsia

E6E6E6

F2F2F2

DFDFDF

C6C6C6

B2B2B2

Shades & Tints Shades & Tints

#E8E8D5

Dark

Light

#FAF9B6

Dark

Light

#FADAB6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e8d5;
  --color-2: #faf9b6;
  --color-3: #fadab6;
  --color-4: #f2b996;
  --color-5: #b1b3ad;
}

SCSS

$color-1: #e8e8d5;
$color-2: #faf9b6;
$color-3: #fadab6;
$color-4: #f2b996;
$color-5: #b1b3ad;

TAILWIND

colors: {
  'brand-1': '#e8e8d5',
  'brand-2': '#faf9b6',
  'brand-3': '#fadab6',
  'brand-4': '#f2b996',
  'brand-5': '#b1b3ad',
}

RGB Array

[232, 232, 213], [250, 249, 182], [250, 218, 182], [242, 185, 150], [177, 179, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8E8D5, #FAF9B6, #FADAB6, #F2B996, #B1B3AD 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: #e8e8d5; --color-2: #faf9b6; --color-3: #fadab6; --color-4: #f2b996; --color-5: #b1b3ad. 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