#FEDFB4 + #E8DBAD + #CFD2B1 + #BFB195 + #937168 · 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

#FEDFB4

Goose Yellow · Wheat · Peach Orange

HEX

#FEDFB4

RGB

rgb(254, 223, 180)

HSL

hsl(35, 97%, 85%)

HSB

hsb(35, 29%, 100%)

CMYK

cmyk(0%, 12%, 29%, 0%)

Oklch

oklch(91.9% 0.066 75.8)

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

#E8DBAD

Goose Yellow · Wheat · Lemon Cream

HEX

#E8DBAD

RGB

rgb(232, 219, 173)

HSL

hsl(47, 56%, 79%)

HSB

hsb(47, 25%, 91%)

CMYK

cmyk(0%, 6%, 25%, 9%)

Oklch

oklch(89.1% 0.062 94.2)

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

#CFD2B1

Fresh Green · Silver · Lemon Cream

HEX

#CFD2B1

RGB

rgb(207, 210, 177)

HSL

hsl(65, 27%, 76%)

HSB

hsb(65, 16%, 82%)

CMYK

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

Oklch

oklch(85.3% 0.044 111.6)

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

#BFB195

Ginger · Tan · Sunflower

HEX

#BFB195

RGB

rgb(191, 177, 149)

HSL

hsl(40, 25%, 67%)

HSB

hsb(40, 22%, 75%)

CMYK

cmyk(0%, 7%, 22%, 25%)

Oklch

oklch(76.5% 0.042 84.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#937168

Crimson · Gray · Passion Red

HEX

#937168

RGB

rgb(147, 113, 104)

HSL

hsl(13, 17%, 49%)

HSB

hsb(13, 29%, 58%)

CMYK

cmyk(0%, 23%, 29%, 42%)

Oklch

oklch(58.0% 0.045 35.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEDFB4

B4D3FE

Analogous

FEBAB4

FEDFB4

F8FEB4

Triadic

FEDFB4

B4FEDF

DFB4FE

Split-Comp.

FEDFB4

B4F8FE

BAB4FE

Tetradic

FEDFB4

B4FEBA

B4D3FE

FEB4F8

Contrast Matrix WCAG 2.1 Contrast

FEDFB4	E8DBAD	CFD2B1	BFB195	937168
—	1.1 Fail	1.2 Fail	1.7 Fail	3.4 AA Large
1.1 Fail	—	1.1 Fail	1.5 Fail	3.2 AA Large
1.2 Fail	1.1 Fail	—	1.4 Fail	2.8 Fail
1.7 Fail	1.5 Fail	1.4 Fail	—	2.1 Fail
3.4 AA Large	3.2 AA Large	2.8 Fail	2.1 Fail	—

White BG

1.3Fail

1.4Fail

1.6Fail

2.1Fail

4.4AA Large

Black BG

16.4AAA

15.2AAA

13.5AAA

9.9AAA

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F0BE

E2E2B8

D0D0B9

B9B99C

84846A

Deuteranopia

F2F5C1

E3E4BB

D0D0BB

BABB9D

86896B

Tritanopia

FCC7C8

E7C1C3

CFBFC1

BEA1A2

916C6C

Achromatopsia

E3E3E3

DADADA

CDCDCD

B2B2B2

7A7A7A

Shades & Tints Shades & Tints

#FEDFB4

Dark

Light

#E8DBAD

Dark

Light

#CFD2B1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fedfb4;
  --color-2: #e8dbad;
  --color-3: #cfd2b1;
  --color-4: #bfb195;
  --color-5: #937168;
}

SCSS

$color-1: #fedfb4;
$color-2: #e8dbad;
$color-3: #cfd2b1;
$color-4: #bfb195;
$color-5: #937168;

TAILWIND

colors: {
  'brand-1': '#fedfb4',
  'brand-2': '#e8dbad',
  'brand-3': '#cfd2b1',
  'brand-4': '#bfb195',
  'brand-5': '#937168',
}

RGB Array

[254, 223, 180], [232, 219, 173], [207, 210, 177], [191, 177, 149], [147, 113, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FEDFB4, #E8DBAD, #CFD2B1, #BFB195, #937168 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: #fedfb4; --color-2: #e8dbad; --color-3: #cfd2b1; --color-4: #bfb195; --color-5: #937168. 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