#EDE5C4 + #F2C5A9 + #E7AD9C + #B49C99 + #85898A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDE5C4

Goose Yellow · Bisque · Lemon Cream

HEX

#EDE5C4

RGB

rgb(237, 229, 196)

HSL

hsl(48, 53%, 85%)

HSB

hsb(48, 17%, 93%)

CMYK

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

Oklch

oklch(92.0% 0.044 95.9)

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

#F2C5A9

Apricot · Wheat · Peach Orange

HEX

#F2C5A9

RGB

rgb(242, 197, 169)

HSL

hsl(23, 74%, 81%)

HSB

hsb(23, 30%, 95%)

CMYK

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

Oklch

oklch(85.6% 0.064 53.5)

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

#E7AD9C

Peach Pink · BurlyWood · Coral Red

HEX

#E7AD9C

RGB

rgb(231, 173, 156)

HSL

hsl(14, 61%, 76%)

HSB

hsb(14, 32%, 91%)

CMYK

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

Oklch

oklch(79.7% 0.073 37.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B49C99

Peach Pink · DarkGray · Coral Red

HEX

#B49C99

RGB

rgb(180, 156, 153)

HSL

hsl(7, 15%, 65%)

HSB

hsb(7, 15%, 71%)

CMYK

cmyk(0%, 13%, 15%, 29%)

Oklch

oklch(71.3% 0.029 26.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#85898A

Ash · Gray · Warm Gray

HEX

#85898A

RGB

rgb(133, 137, 138)

HSL

hsl(192, 2%, 53%)

HSB

hsb(192, 4%, 54%)

CMYK

cmyk(4%, 1%, 0%, 46%)

Oklch

oklch(62.7% 0.005 214.3)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE5C4

C4CDED

Analogous

EDD1C4

EDE5C4

E1EDC4

Triadic

EDE5C4

C4EDE5

E5C4ED

Split-Comp.

EDE5C4

C4E1ED

D1C4ED

Tetradic

EDE5C4

C4EDD1

C4CDED

EDC4E1

Contrast Matrix WCAG 2.1 Contrast

EDE5C4	F2C5A9	E7AD9C	B49C99	85898A
—	1.2 Fail	1.5 Fail	2.0 Fail	2.8 Fail
1.2 Fail	—	1.2 Fail	1.6 Fail	2.2 Fail
1.5 Fail	1.2 Fail	—	1.3 Fail	1.8 Fail
2.0 Fail	1.6 Fail	1.3 Fail	—	1.4 Fail
2.8 Fail	2.2 Fail	1.8 Fail	1.4 Fail	—

White BG

1.3Fail

1.6Fail

1.9Fail

2.6Fail

3.5AA Large

Black BG

16.6AAA

13.3AAA

10.9AAA

8.2AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAE9CC

DFDEB0

CECDA0

AAA99A

87878A

Deuteranopia

EAEBCE

E1E4B1

D1D6A1

ABAD9A

87868A

Tritanopia

EDD2D4

F0B5B6

E4A3A4

B39A9A

858A8A

Achromatopsia

E4E4E4

CFCFCF

BCBCBC

A3A3A3

888888

Shades & Tints Shades & Tints

#EDE5C4

Dark

Light

#F2C5A9

Dark

Light

#E7AD9C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede5c4;
  --color-2: #f2c5a9;
  --color-3: #e7ad9c;
  --color-4: #b49c99;
  --color-5: #85898a;
}

SCSS

$color-1: #ede5c4;
$color-2: #f2c5a9;
$color-3: #e7ad9c;
$color-4: #b49c99;
$color-5: #85898a;

TAILWIND

colors: {
  'brand-1': '#ede5c4',
  'brand-2': '#f2c5a9',
  'brand-3': '#e7ad9c',
  'brand-4': '#b49c99',
  'brand-5': '#85898a',
}

RGB Array

[237, 229, 196], [242, 197, 169], [231, 173, 156], [180, 156, 153], [133, 137, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE5C4, #F2C5A9, #E7AD9C, #B49C99, #85898A 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: #ede5c4; --color-2: #f2c5a9; --color-3: #e7ad9c; --color-4: #b49c99; --color-5: #85898a. 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