#FFEDD5 + #E7DFBA + #D5D7A8 + #BCB696 + #99957A · 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

#FFEDD5

Goose Yellow · Beige · Peach Orange

HEX

#FFEDD5

RGB

rgb(255, 237, 213)

HSL

hsl(34, 100%, 92%)

HSB

hsb(34, 16%, 100%)

CMYK

cmyk(0%, 7%, 16%, 0%)

Oklch

oklch(95.4% 0.037 75.2)

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

#E7DFBA

Goose Yellow · Wheat · Lemon Cream

HEX

#E7DFBA

RGB

rgb(231, 223, 186)

HSL

hsl(49, 48%, 82%)

HSB

hsb(49, 19%, 91%)

CMYK

cmyk(0%, 3%, 19%, 9%)

Oklch

oklch(90.1% 0.050 97.1)

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

#D5D7A8

Fresh Green · Wheat · Sunflower

HEX

#D5D7A8

RGB

rgb(213, 215, 168)

HSL

hsl(63, 37%, 75%)

HSB

hsb(63, 22%, 84%)

CMYK

cmyk(1%, 0%, 22%, 16%)

Oklch

oklch(86.6% 0.062 109.6)

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

#BCB696

Fresh Green · Tan · Sunflower

HEX

#BCB696

RGB

rgb(188, 182, 150)

HSL

hsl(51, 22%, 66%)

HSB

hsb(51, 20%, 74%)

CMYK

cmyk(0%, 3%, 20%, 26%)

Oklch

oklch(77.3% 0.044 98.5)

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

#99957A

Autumn Sage · Gray · Sunflower

HEX

#99957A

RGB

rgb(153, 149, 122)

HSL

hsl(52, 13%, 54%)

HSB

hsb(52, 20%, 60%)

CMYK

cmyk(0%, 3%, 20%, 40%)

Oklch

oklch(66.6% 0.039 100.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEDD5

D6E8FF

Analogous

FFD9D6

FFEDD5

FCFFD6

Triadic

FFEDD5

D6FFED

EDD6FF

Split-Comp.

FFEDD5

D6FCFF

D9D6FF

Tetradic

FFEDD5

D6FFD9

D6E8FF

FFD6FC

Contrast Matrix WCAG 2.1 Contrast

FFEDD5	E7DFBA	D5D7A8	BCB696	99957A
—	1.2 Fail	1.3 Fail	1.8 Fail	2.6 Fail
1.2 Fail	—	1.1 Fail	1.5 Fail	2.3 Fail
1.3 Fail	1.1 Fail	—	1.4 Fail	2.0 Fail
1.8 Fail	1.5 Fail	1.4 Fail	—	1.5 Fail
2.6 Fail	2.3 Fail	2.0 Fail	1.5 Fail	—

White BG

1.1Fail

1.3Fail

1.5Fail

2.0Fail

3.0AA Large

Black BG

18.3AAA

15.7AAA

14.1AAA

10.3AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7DB

E4E3C3

D6D6B3

B9B99E

979781

Deuteranopia

F8FADC

E4E5C5

D6D6B6

BABAA0

989882

Tritanopia

FEDFE0

E7CACC

D5BCBE

BCA4A5

998687

Achromatopsia

F0F0F0

DDDDDD

D1D1D1

B4B4B4

939393

Shades & Tints Shades & Tints

#FFEDD5

Dark

Light

#E7DFBA

Dark

Light

#D5D7A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffedd5;
  --color-2: #e7dfba;
  --color-3: #d5d7a8;
  --color-4: #bcb696;
  --color-5: #99957a;
}

SCSS

$color-1: #ffedd5;
$color-2: #e7dfba;
$color-3: #d5d7a8;
$color-4: #bcb696;
$color-5: #99957a;

TAILWIND

colors: {
  'brand-1': '#ffedd5',
  'brand-2': '#e7dfba',
  'brand-3': '#d5d7a8',
  'brand-4': '#bcb696',
  'brand-5': '#99957a',
}

RGB Array

[255, 237, 213], [231, 223, 186], [213, 215, 168], [188, 182, 150], [153, 149, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFEDD5, #E7DFBA, #D5D7A8, #BCB696, #99957A 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: #ffedd5; --color-2: #e7dfba; --color-3: #d5d7a8; --color-4: #bcb696; --color-5: #99957a. 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