#BD7B8A + #D89791 + #EBD5B8 + #EBEDD8 + #C3E6CE · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BD7B8A

Peach Pink · LightCoral · Coral Red

HEX

#BD7B8A

RGB

rgb(189, 123, 138)

HSL

hsl(346, 33%, 61%)

HSB

hsb(346, 35%, 74%)

CMYK

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

Oklch

oklch(65.6% 0.084 4.8)

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

#D89791

Peach Pink · DarkSalmon · Coral Red

HEX

#D89791

RGB

rgb(216, 151, 145)

HSL

hsl(5, 48%, 71%)

HSB

hsb(5, 33%, 85%)

CMYK

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

Oklch

oklch(73.8% 0.079 25.0)

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

#EBD5B8

Goose Yellow · Wheat · Peach Orange

HEX

#EBD5B8

RGB

rgb(235, 213, 184)

HSL

hsl(34, 56%, 82%)

HSB

hsb(34, 22%, 92%)

CMYK

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

Oklch

oklch(88.4% 0.046 74.7)

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

#EBEDD8

Fresh Green · Beige · Lemon Cream

HEX

#EBEDD8

RGB

rgb(235, 237, 216)

HSL

hsl(66, 37%, 89%)

HSB

hsb(66, 9%, 93%)

CMYK

cmyk(1%, 0%, 9%, 7%)

Oklch

oklch(93.9% 0.028 111.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#C3E6CE

Celadon · LightGray · Mint Green

HEX

#C3E6CE

RGB

rgb(195, 230, 206)

HSL

hsl(139, 41%, 83%)

HSB

hsb(139, 15%, 90%)

CMYK

cmyk(15%, 0%, 10%, 10%)

Oklch

oklch(89.3% 0.049 155.3)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD7B8A

7BBCAD

Analogous

BC7BAB

BD7B8A

BC8C7B

Triadic

BD7B8A

8ABC7B

7B8ABC

Split-Comp.

BD7B8A

7BBC8C

7BABBC

Tetradic

BD7B8A

ABBC7B

7BBCAD

8C7BBC

Contrast Matrix WCAG 2.1 Contrast

BD7B8A	D89791	EBD5B8	EBEDD8	C3E6CE
—	1.4 Fail	2.3 Fail	2.8 Fail	2.4 Fail
1.4 Fail	—	1.7 Fail	2.0 Fail	1.8 Fail
2.3 Fail	1.7 Fail	—	1.2 Fail	1.1 Fail
2.8 Fail	2.0 Fail	1.2 Fail	—	1.1 Fail
2.4 Fail	1.8 Fail	1.1 Fail	1.1 Fail	—

White BG

3.3AA Large

2.4Fail

1.4Fail

1.2Fail

1.4Fail

Black BG

6.4AA

8.8AAA

14.7AAA

17.6AAA

15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A086

BCBB92

E1E1BF

ECECDD

D2D2D4

Deuteranopia

A4A986

C0C593

E3E4C1

ECECDE

D0CED5

Tritanopia

BA8483

D59494

EAC5C6

EBE1E2

C5D8D9

Achromatopsia

909090

AAAAAA

D8D8D8

EAEAEA

D9D9D9

Shades & Tints Shades & Tints

#BD7B8A

Dark

Light

#D89791

Dark

Light

#EBD5B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd7b8a;
  --color-2: #d89791;
  --color-3: #ebd5b8;
  --color-4: #ebedd8;
  --color-5: #c3e6ce;
}

SCSS

$color-1: #bd7b8a;
$color-2: #d89791;
$color-3: #ebd5b8;
$color-4: #ebedd8;
$color-5: #c3e6ce;

TAILWIND

colors: {
  'brand-1': '#bd7b8a',
  'brand-2': '#d89791',
  'brand-3': '#ebd5b8',
  'brand-4': '#ebedd8',
  'brand-5': '#c3e6ce',
}

RGB Array

[189, 123, 138], [216, 151, 145], [235, 213, 184], [235, 237, 216], [195, 230, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #BD7B8A, #D89791, #EBD5B8, #EBEDD8, #C3E6CE 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: #bd7b8a; --color-2: #d89791; --color-3: #ebd5b8; --color-4: #ebedd8; --color-5: #c3e6ce. 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