#EAE1D0 + #E5D1B6 + #D7B99D + #B49F8E + #9C7266 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAE1D0

Goose Yellow · Bisque · Peach Orange

HEX

#EAE1D0

RGB

rgb(234, 225, 208)

HSL

hsl(39, 38%, 87%)

HSB

hsb(39, 11%, 92%)

CMYK

cmyk(0%, 4%, 11%, 8%)

Oklch

oklch(91.2% 0.025 83.4)

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

#E5D1B6

Goose Yellow · Wheat · Peach Orange

HEX

#E5D1B6

RGB

rgb(229, 209, 182)

HSL

hsl(34, 47%, 81%)

HSB

hsb(34, 21%, 90%)

CMYK

cmyk(0%, 9%, 21%, 10%)

Oklch

oklch(87.0% 0.042 75.4)

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

#D7B99D

Apricot · Tan · Warm Sun

HEX

#D7B99D

RGB

rgb(215, 185, 157)

HSL

hsl(29, 42%, 73%)

HSB

hsb(29, 27%, 84%)

CMYK

cmyk(0%, 14%, 27%, 16%)

Oklch

oklch(80.4% 0.051 65.0)

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

#B49F8E

Apricot · DarkGray · Warm Sun

HEX

#B49F8E

RGB

rgb(180, 159, 142)

HSL

hsl(27, 20%, 63%)

HSB

hsb(27, 21%, 71%)

CMYK

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

Oklch

oklch(71.6% 0.035 61.2)

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

#9C7266

Crimson · Gray · Passion Red

HEX

#9C7266

RGB

rgb(156, 114, 102)

HSL

hsl(13, 21%, 51%)

HSB

hsb(13, 35%, 61%)

CMYK

cmyk(0%, 27%, 35%, 39%)

Oklch

oklch(59.1% 0.057 36.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE1D0

D1DAEA

Analogous

EAD5D1

EAE1D0

E7EAD1

Triadic

EAE1D0

D1EAE2

E2D1EA

Split-Comp.

EAE1D0

D1E7EA

D5D1EA

Tetradic

EAE1D0

D1EAD5

D1DAEA

EAD1E7

Contrast Matrix WCAG 2.1 Contrast

EAE1D0	E5D1B6	D7B99D	B49F8E	9C7266
—	1.1 Fail	1.4 Fail	2.0 Fail	3.2 AA Large
1.1 Fail	—	1.2 Fail	1.7 Fail	2.8 Fail
1.4 Fail	1.2 Fail	—	1.4 Fail	2.3 Fail
2.0 Fail	1.7 Fail	1.4 Fail	—	1.7 Fail
3.2 AA Large	2.8 Fail	2.3 Fail	1.7 Fail	—

White BG

1.3Fail

1.5Fail

1.9Fail

2.5Fail

4.2AA Large

Black BG

16.2AAA

14.1AAA

11.3AAA

8.3AAA

5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6D4

DCDCBD

CACAA4

ABAB92

8A8969

Deuteranopia

E7E7D5

DEDFBE

CCCEA5

ACAE93

8C8F6A

Tritanopia

EAD7D8

E4C2C3

D6A9AA

B39596

9A6B6C

Achromatopsia

E2E2E2

D4D4D4

BFBFBF

A3A3A3

7D7D7D

Shades & Tints Shades & Tints

#EAE1D0

Dark

Light

#E5D1B6

Dark

Light

#D7B99D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae1d0;
  --color-2: #e5d1b6;
  --color-3: #d7b99d;
  --color-4: #b49f8e;
  --color-5: #9c7266;
}

SCSS

$color-1: #eae1d0;
$color-2: #e5d1b6;
$color-3: #d7b99d;
$color-4: #b49f8e;
$color-5: #9c7266;

TAILWIND

colors: {
  'brand-1': '#eae1d0',
  'brand-2': '#e5d1b6',
  'brand-3': '#d7b99d',
  'brand-4': '#b49f8e',
  'brand-5': '#9c7266',
}

RGB Array

[234, 225, 208], [229, 209, 182], [215, 185, 157], [180, 159, 142], [156, 114, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAE1D0, #E5D1B6, #D7B99D, #B49F8E, #9C7266 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: #eae1d0; --color-2: #e5d1b6; --color-3: #d7b99d; --color-4: #b49f8e; --color-5: #9c7266. 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