#EDE6D6 + #F4D6D4 + #FAE8C0 + #C4CECD + #FCBF80 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDE6D6

Goose Yellow · Beige · Lemon Cream

HEX

#EDE6D6

RGB

rgb(237, 230, 214)

HSL

hsl(42, 39%, 88%)

HSB

hsb(42, 10%, 93%)

CMYK

cmyk(0%, 3%, 10%, 7%)

Oklch

oklch(92.6% 0.023 87.2)

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

#F4D6D4

Peach Pink · Bisque · Cherry Blossom

HEX

#F4D6D4

RGB

rgb(244, 214, 212)

HSL

hsl(4, 59%, 89%)

HSB

hsb(4, 13%, 96%)

CMYK

cmyk(0%, 12%, 13%, 4%)

Oklch

oklch(90.0% 0.034 22.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FAE8C0

Goose Yellow · Bisque · Lemon Cream

HEX

#FAE8C0

RGB

rgb(250, 232, 192)

HSL

hsl(41, 85%, 87%)

HSB

hsb(41, 23%, 98%)

CMYK

cmyk(0%, 7%, 23%, 2%)

Oklch

oklch(93.5% 0.056 86.6)

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

#C4CECD

Jade · LightGray · Pearl Gray

HEX

#C4CECD

RGB

rgb(196, 206, 205)

HSL

hsl(174, 9%, 79%)

HSB

hsb(174, 5%, 81%)

CMYK

cmyk(5%, 0%, 0%, 19%)

Oklch

oklch(84.3% 0.011 189.8)

Traditional「Jade」· Paint「Pearl Gray」· Creative Silver Lining

#FCBF80

Goose Yellow · BurlyWood · Warm Sun

HEX

#FCBF80

RGB

rgb(252, 191, 128)

HSL

hsl(30, 95%, 75%)

HSB

hsb(30, 49%, 99%)

CMYK

cmyk(0%, 24%, 49%, 1%)

Oklch

oklch(84.7% 0.106 66.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE6D6

D4DCEC

Analogous

ECD9D4

EDE6D6

E8ECD4

Triadic

EDE6D6

D4ECE5

E5D4EC

Split-Comp.

EDE6D6

D4E8EC

D9D4EC

Tetradic

EDE6D6

D4ECD9

D4DCEC

ECD4E8

Contrast Matrix WCAG 2.1 Contrast

EDE6D6	F4D6D4	FAE8C0	C4CECD	FCBF80
—	1.1 Fail	1.0 Fail	1.3 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.0 Fail	1.1 Fail	—	1.3 Fail	1.3 Fail
1.3 Fail	1.2 Fail	1.3 Fail	—	1.0 Fail
1.3 Fail	1.2 Fail	1.3 Fail	1.0 Fail	—

White BG

1.2Fail

1.4Fail

1.2Fail

1.6Fail

Black BG

16.9AAA

15.4AAA

17.4AAA

13.1AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEADA

E7E7D4

F2F2CA

C8C8CD

E2E18F

Deuteranopia

EAEBDB

E9EBD5

F3F5CC

C8C7CD

E5EA93

Tritanopia

EDDDDE

F2D5D5

F9D1D3

C5CDCD

F99B9E

Achromatopsia

E6E6E6

DFDFDF

E9E9E9

CBCBCB

CACACA

Shades & Tints Shades & Tints

#EDE6D6

Dark

Light

#F4D6D4

Dark

Light

#FAE8C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede6d6;
  --color-2: #f4d6d4;
  --color-3: #fae8c0;
  --color-4: #c4cecd;
  --color-5: #fcbf80;
}

SCSS

$color-1: #ede6d6;
$color-2: #f4d6d4;
$color-3: #fae8c0;
$color-4: #c4cecd;
$color-5: #fcbf80;

TAILWIND

colors: {
  'brand-1': '#ede6d6',
  'brand-2': '#f4d6d4',
  'brand-3': '#fae8c0',
  'brand-4': '#c4cecd',
  'brand-5': '#fcbf80',
}

RGB Array

[237, 230, 214], [244, 214, 212], [250, 232, 192], [196, 206, 205], [252, 191, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE6D6, #F4D6D4, #FAE8C0, #C4CECD, #FCBF80 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: #ede6d6; --color-2: #f4d6d4; --color-3: #fae8c0; --color-4: #c4cecd; --color-5: #fcbf80. 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