#E9CEBB + #AC795A + #9B6662 + #D0A3A6 + #E1BD9B · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E9CEBB

Apricot · Wheat · Peach Orange

HEX

#E9CEBB

RGB

rgb(233, 206, 187)

HSL

hsl(25, 51%, 82%)

HSB

hsb(25, 20%, 91%)

CMYK

cmyk(0%, 12%, 20%, 9%)

Oklch

oklch(86.9% 0.040 57.3)

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

#AC795A

Tangerine · Gray · Warm Sun

HEX

#AC795A

RGB

rgb(172, 121, 90)

HSL

hsl(23, 33%, 51%)

HSB

hsb(23, 48%, 67%)

CMYK

cmyk(0%, 30%, 48%, 33%)

Oklch

oklch(62.0% 0.078 52.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#9B6662

Crimson · Gray · Passion Red

HEX

#9B6662

RGB

rgb(155, 102, 98)

HSL

hsl(4, 23%, 50%)

HSB

hsb(4, 37%, 61%)

CMYK

cmyk(0%, 34%, 37%, 39%)

Oklch

oklch(56.6% 0.069 24.2)

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

#D0A3A6

Peach Pink · Tan · Coral Red

HEX

#D0A3A6

RGB

rgb(208, 163, 166)

HSL

hsl(356, 32%, 73%)

HSB

hsb(356, 22%, 82%)

CMYK

cmyk(0%, 22%, 20%, 18%)

Oklch

oklch(75.8% 0.053 13.9)

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

#E1BD9B

Apricot · BurlyWood · Warm Sun

HEX

#E1BD9B

RGB

rgb(225, 189, 155)

HSL

hsl(29, 54%, 75%)

HSB

hsb(29, 31%, 88%)

CMYK

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

Oklch

oklch(82.1% 0.062 65.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9CEBB

BAD5E9

Analogous

E9BABE

E9CEBB

E9E5BA

Triadic

E9CEBB

BAE9CD

CDBAE9

Split-Comp.

E9CEBB

BAE9E5

BABEE9

Tetradic

E9CEBB

BEE9BA

BAD5E9

E5BAE9

Contrast Matrix WCAG 2.1 Contrast

E9CEBB	AC795A	9B6662	D0A3A6	E1BD9B
—	2.5 Fail	3.1 AA Large	1.5 Fail	1.2 Fail
2.5 Fail	—	1.3 Fail	1.7 Fail	2.1 Fail
3.1 AA Large	1.3 Fail	—	2.1 Fail	2.7 Fail
1.5 Fail	1.7 Fail	2.1 Fail	—	1.3 Fail
1.2 Fail	2.1 Fail	2.7 Fail	1.3 Fail	—

White BG

1.5Fail

3.7AA Large

4.7AA

2.2Fail

1.8Fail

Black BG

14.0AAA

5.6AA

4.5AA Large

9.5AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDC0

969562

848463

BDBCA5

D1D1A3

Deuteranopia

DFE1C1

999D63

878B63

BFC3A5

D4D6A5

Tritanopia

E8C3C4

A96769

986464

CEA5A5

DFAAAB

Achromatopsia

D4D4D4

858585

757575

B1B1B1

C4C4C4

Shades & Tints Shades & Tints

#E9CEBB

Dark

Light

#AC795A

Dark

Light

#9B6662

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9cebb;
  --color-2: #ac795a;
  --color-3: #9b6662;
  --color-4: #d0a3a6;
  --color-5: #e1bd9b;
}

SCSS

$color-1: #e9cebb;
$color-2: #ac795a;
$color-3: #9b6662;
$color-4: #d0a3a6;
$color-5: #e1bd9b;

TAILWIND

colors: {
  'brand-1': '#e9cebb',
  'brand-2': '#ac795a',
  'brand-3': '#9b6662',
  'brand-4': '#d0a3a6',
  'brand-5': '#e1bd9b',
}

RGB Array

[233, 206, 187], [172, 121, 90], [155, 102, 98], [208, 163, 166], [225, 189, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #E9CEBB, #AC795A, #9B6662, #D0A3A6, #E1BD9B 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: #e9cebb; --color-2: #ac795a; --color-3: #9b6662; --color-4: #d0a3a6; --color-5: #e1bd9b. 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 earth-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