#FCDEAD + #E4CAA4 + #D5B192 + #B4867F + #896179 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCDEAD

Goose Yellow · Wheat · Peach Orange

HEX

#FCDEAD

RGB

rgb(252, 222, 173)

HSL

hsl(37, 93%, 83%)

HSB

hsb(37, 31%, 99%)

CMYK

cmyk(0%, 12%, 31%, 1%)

Oklch

oklch(91.4% 0.071 79.8)

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

#E4CAA4

Goose Yellow · Wheat · Peach Orange

HEX

#E4CAA4

RGB

rgb(228, 202, 164)

HSL

hsl(36, 54%, 77%)

HSB

hsb(36, 28%, 89%)

CMYK

cmyk(0%, 11%, 28%, 11%)

Oklch

oklch(85.1% 0.058 77.2)

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

#D5B192

Apricot · Tan · Warm Sun

HEX

#D5B192

RGB

rgb(213, 177, 146)

HSL

hsl(28, 44%, 70%)

HSB

hsb(28, 31%, 84%)

CMYK

cmyk(0%, 17%, 31%, 16%)

Oklch

oklch(78.4% 0.059 62.5)

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

#B4867F

Crimson · Gray · Passion Red

HEX

#B4867F

RGB

rgb(180, 134, 127)

HSL

hsl(8, 26%, 60%)

HSB

hsb(8, 29%, 71%)

CMYK

cmyk(0%, 26%, 29%, 29%)

Oklch

oklch(66.3% 0.058 28.5)

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

#896179

Rose Purple · Gray · Camellia

HEX

#896179

RGB

rgb(137, 97, 121)

HSL

hsl(324, 17%, 46%)

HSB

hsb(324, 29%, 54%)

CMYK

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

Oklch

oklch(54.2% 0.062 342.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCDEAD

ABCAFC

Analogous

FCB5AB

FCDEAD

F3FCAB

Triadic

FCDEAD

ABFCDD

DDABFC

Split-Comp.

FCDEAD

ABF3FC

B5ABFC

Tetradic

FCDEAD

ABFCB5

ABCAFC

FCABF3

Contrast Matrix WCAG 2.1 Contrast

FCDEAD	E4CAA4	D5B192	B4867F	896179
—	1.2 Fail	1.5 Fail	2.4 Fail	4.0 AA Large
1.2 Fail	—	1.3 Fail	2.0 Fail	3.3 AA Large
1.5 Fail	1.3 Fail	—	1.6 Fail	2.6 Fail
2.4 Fail	2.0 Fail	1.6 Fail	—	1.6 Fail
4.0 AA Large	3.3 AA Large	2.6 Fail	1.6 Fail	—

White BG

1.3Fail

1.6Fail

2.0Fail

3.2AA Large

5.2AA

Black BG

16.2AAA

13.3AAA

10.5AAA

6.7AA

4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFB9

D9D9AD

C5C59A

A0A081

787773

Deuteranopia

F1F3BC

DADCAF

C8CA9B

A3A681

7A7D72

Tritanopia

FAC2C4

E3B4B6

D39FA1

B28282

876F6E

Achromatopsia

E1E1E1

CDCDCD

B8B8B8

939393

707070

Shades & Tints Shades & Tints

#FCDEAD

Dark

Light

#E4CAA4

Dark

Light

#D5B192

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcdead;
  --color-2: #e4caa4;
  --color-3: #d5b192;
  --color-4: #b4867f;
  --color-5: #896179;
}

SCSS

$color-1: #fcdead;
$color-2: #e4caa4;
$color-3: #d5b192;
$color-4: #b4867f;
$color-5: #896179;

TAILWIND

colors: {
  'brand-1': '#fcdead',
  'brand-2': '#e4caa4',
  'brand-3': '#d5b192',
  'brand-4': '#b4867f',
  'brand-5': '#896179',
}

RGB Array

[252, 222, 173], [228, 202, 164], [213, 177, 146], [180, 134, 127], [137, 97, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCDEAD, #E4CAA4, #D5B192, #B4867F, #896179 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: #fcdead; --color-2: #e4caa4; --color-3: #d5b192; --color-4: #b4867f; --color-5: #896179. 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 general-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