#EAC9B6 + #E2B08F + #E78584 + #B98879 + #C3BAAB · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAC9B6

Apricot · Wheat · Peach Orange

HEX

#EAC9B6

RGB

rgb(234, 201, 182)

HSL

hsl(22, 55%, 82%)

HSB

hsb(22, 22%, 92%)

CMYK

cmyk(0%, 14%, 22%, 8%)

Oklch

oklch(85.9% 0.046 51.8)

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

#E2B08F

Apricot · BurlyWood · Warm Sun

HEX

#E2B08F

RGB

rgb(226, 176, 143)

HSL

hsl(24, 59%, 72%)

HSB

hsb(24, 37%, 89%)

CMYK

cmyk(0%, 22%, 37%, 11%)

Oklch

oklch(79.5% 0.074 54.8)

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

#E78584

Peach Pink · LightCoral · Coral Red

HEX

#E78584

RGB

rgb(231, 133, 132)

HSL

hsl(1, 67%, 71%)

HSB

hsb(1, 43%, 91%)

CMYK

cmyk(0%, 42%, 43%, 9%)

Oklch

oklch(72.2% 0.121 21.1)

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

#B98879

Crimson · DarkSalmon · Passion Red

HEX

#B98879

RGB

rgb(185, 136, 121)

HSL

hsl(14, 31%, 60%)

HSB

hsb(14, 35%, 73%)

CMYK

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

Oklch

oklch(67.1% 0.064 37.7)

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

#C3BAAB

Goose Yellow · Silver · Warm Sun

HEX

#C3BAAB

RGB

rgb(195, 186, 171)

HSL

hsl(38, 17%, 72%)

HSB

hsb(38, 12%, 76%)

CMYK

cmyk(0%, 5%, 12%, 24%)

Oklch

oklch(79.2% 0.023 80.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAC9B6

B8D8EA

Analogous

EAB8BF

EAC9B6

EAE4B8

Triadic

EAC9B6

B8EACA

CAB8EA

Split-Comp.

EAC9B6

B8EAE4

B8BFEA

Tetradic

EAC9B6

BFEAB8

B8D8EA

E4B8EA

Contrast Matrix WCAG 2.1 Contrast

EAC9B6	E2B08F	E78584	B98879	C3BAAB
—	1.2 Fail	1.7 Fail	2.0 Fail	1.2 Fail
1.2 Fail	—	1.3 Fail	1.6 Fail	1.0 Fail
1.7 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
2.0 Fail	1.6 Fail	1.2 Fail	—	1.6 Fail
1.2 Fail	1.0 Fail	1.4 Fail	1.6 Fail	—

White BG

1.6Fail

1.9Fail

2.6Fail

3.1AA Large

1.9Fail

Black BG

13.5AAA

10.8AAA

8.1AAA

6.9AA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDBBB

CCCC97

BDBC84

A4A37D

BFBFAF

Deuteranopia

DEE0BC

CFD399

C2CA84

A7AA7D

C0C0B0

Tritanopia

E8BEBF

E09D9F

E28484

B77F80

C3B1B2

Achromatopsia

D1D1D1

BBBBBB

A2A2A2

959595

BBBBBB

Shades & Tints Shades & Tints

#EAC9B6

Dark

Light

#E2B08F

Dark

Light

#E78584

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eac9b6;
  --color-2: #e2b08f;
  --color-3: #e78584;
  --color-4: #b98879;
  --color-5: #c3baab;
}

SCSS

$color-1: #eac9b6;
$color-2: #e2b08f;
$color-3: #e78584;
$color-4: #b98879;
$color-5: #c3baab;

TAILWIND

colors: {
  'brand-1': '#eac9b6',
  'brand-2': '#e2b08f',
  'brand-3': '#e78584',
  'brand-4': '#b98879',
  'brand-5': '#c3baab',
}

RGB Array

[234, 201, 182], [226, 176, 143], [231, 133, 132], [185, 136, 121], [195, 186, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #EAC9B6, #E2B08F, #E78584, #B98879, #C3BAAB 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: #eac9b6; --color-2: #e2b08f; --color-3: #e78584; --color-4: #b98879; --color-5: #c3baab. 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