#EDDCB1 + #EEC19A + #D79380 + #BF8088 + #85706D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDDCB1

Goose Yellow · Wheat · Lemon Cream

HEX

#EDDCB1

RGB

rgb(237, 220, 177)

HSL

hsl(43, 63%, 81%)

HSB

hsb(43, 25%, 93%)

CMYK

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

Oklch

oklch(89.8% 0.059 89.0)

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

#EEC19A

Apricot · BurlyWood · Peach Orange

HEX

#EEC19A

RGB

rgb(238, 193, 154)

HSL

hsl(28, 71%, 77%)

HSB

hsb(28, 35%, 93%)

CMYK

cmyk(0%, 19%, 35%, 7%)

Oklch

oklch(84.1% 0.073 62.5)

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

#D79380

Peach Pink · DarkSalmon · Coral Red

HEX

#D79380

RGB

rgb(215, 147, 128)

HSL

hsl(13, 52%, 67%)

HSB

hsb(13, 40%, 84%)

CMYK

cmyk(0%, 32%, 40%, 16%)

Oklch

oklch(72.6% 0.087 36.3)

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

#BF8088

Peach Pink · DarkSalmon · Coral Red

HEX

#BF8088

RGB

rgb(191, 128, 136)

HSL

hsl(352, 33%, 63%)

HSB

hsb(352, 33%, 75%)

CMYK

cmyk(0%, 33%, 29%, 25%)

Oklch

oklch(66.6% 0.079 11.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#85706D

Crimson · Gray · Passion Red

HEX

#85706D

RGB

rgb(133, 112, 109)

HSL

hsl(8, 10%, 47%)

HSB

hsb(8, 18%, 52%)

CMYK

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

Oklch

oklch(56.4% 0.027 27.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDCB1

B0C1ED

Analogous

EDBDB0

EDDCB1

E0EDB0

Triadic

EDDCB1

B0EDDC

DCB0ED

Split-Comp.

EDDCB1

B0E0ED

BDB0ED

Tetradic

EDDCB1

B0EDBD

B0C1ED

EDB0E0

Contrast Matrix WCAG 2.1 Contrast

EDDCB1	EEC19A	D79380	BF8088	85706D
—	1.2 Fail	1.8 Fail	2.3 Fail	3.4 AA Large
1.2 Fail	—	1.5 Fail	1.9 Fail	2.8 Fail
1.8 Fail	1.5 Fail	—	1.3 Fail	1.8 Fail
2.3 Fail	1.9 Fail	1.3 Fail	—	1.5 Fail
3.4 AA Large	2.8 Fail	1.8 Fail	1.5 Fail	—

White BG

1.4Fail

1.6Fail

2.5Fail

3.2AA Large

4.6AA

Black BG

15.5AAA

12.7AAA

8.4AAA

6.7AA

4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E5BB

DBDAA3

BAB985

A4A386

7C7C6E

Deuteranopia

E7E8BE

DDE1A6

BEC386

A7AC86

7D7F6E

Tritanopia

ECC4C5

ECABAD

D48889

BC8584

846E6E

Achromatopsia

DCDCDC

CACACA

A5A5A5

949494

767676

Shades & Tints Shades & Tints

#EDDCB1

Dark

Light

#EEC19A

Dark

Light

#D79380

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddcb1;
  --color-2: #eec19a;
  --color-3: #d79380;
  --color-4: #bf8088;
  --color-5: #85706d;
}

SCSS

$color-1: #eddcb1;
$color-2: #eec19a;
$color-3: #d79380;
$color-4: #bf8088;
$color-5: #85706d;

TAILWIND

colors: {
  'brand-1': '#eddcb1',
  'brand-2': '#eec19a',
  'brand-3': '#d79380',
  'brand-4': '#bf8088',
  'brand-5': '#85706d',
}

RGB Array

[237, 220, 177], [238, 193, 154], [215, 147, 128], [191, 128, 136], [133, 112, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDDCB1, #EEC19A, #D79380, #BF8088, #85706D 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: #eddcb1; --color-2: #eec19a; --color-3: #d79380; --color-4: #bf8088; --color-5: #85706d. 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