#EAE4B2 + #BCD5B7 + #D8B693 + #E5937D + #B87467 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#EAE4B2

Fresh Green · Wheat · Lemon Cream

HEX

#EAE4B2

RGB

rgb(234, 228, 178)

HSL

hsl(54, 57%, 81%)

HSB

hsb(54, 24%, 92%)

CMYK

cmyk(0%, 3%, 24%, 8%)

Oklch

oklch(91.1% 0.065 101.9)

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

#BCD5B7

Celadon · Silver · Apple Green

HEX

#BCD5B7

RGB

rgb(188, 213, 183)

HSL

hsl(110, 26%, 78%)

HSB

hsb(110, 14%, 84%)

CMYK

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

Oklch

oklch(84.6% 0.049 140.4)

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

#D8B693

Goose Yellow · Tan · Warm Sun

HEX

#D8B693

RGB

rgb(216, 182, 147)

HSL

hsl(30, 47%, 71%)

HSB

hsb(30, 32%, 85%)

CMYK

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

Oklch

oklch(79.7% 0.061 67.6)

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

#E5937D

Peach Pink · DarkSalmon · Coral Red

HEX

#E5937D

RGB

rgb(229, 147, 125)

HSL

hsl(13, 67%, 69%)

HSB

hsb(13, 45%, 90%)

CMYK

cmyk(0%, 36%, 45%, 10%)

Oklch

oklch(74.1% 0.105 35.8)

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

#B87467

Crimson · Gray · Passion Red

HEX

#B87467

RGB

rgb(184, 116, 103)

HSL

hsl(10, 36%, 56%)

HSB

hsb(10, 44%, 72%)

CMYK

cmyk(0%, 37%, 44%, 28%)

Oklch

oklch(62.8% 0.089 31.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE4B2

B3B8EA

Analogous

EAC9B3

EAE4B2

D4EAB3

Triadic

EAE4B2

B3EAE5

E5B3EA

Split-Comp.

EAE4B2

B3D4EA

C9B3EA

Tetradic

EAE4B2

B3EAC9

B3B8EA

EAB3D4

Contrast Matrix WCAG 2.1 Contrast

EAE4B2	BCD5B7	D8B693	E5937D	B87467
—	1.2 Fail	1.5 Fail	1.8 Fail	2.8 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	2.3 Fail
1.5 Fail	1.2 Fail	—	1.3 Fail	1.9 Fail
1.8 Fail	1.5 Fail	1.3 Fail	—	1.5 Fail
2.8 Fail	2.3 Fail	1.9 Fail	1.5 Fail	—

White BG

1.3Fail

1.6Fail

1.9Fail

2.4Fail

3.7AA Large

Black BG

16.2AAA

13.3AAA

11.0AAA

8.8AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7BE

C7C7BE

C9C99B

C1C182

9B9A6A

Deuteranopia

E8E8C1

C5C4C0

CBCE9E

C6CC84

9FA46B

Tritanopia

EAC8CA

BDC4C5

D6A2A4

E18787

B56D6D

Achromatopsia

E0E0E0

CACACA

BCBCBC

A9A9A9

878787

Shades & Tints Shades & Tints

#EAE4B2

Dark

Light

#BCD5B7

Dark

Light

#D8B693

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae4b2;
  --color-2: #bcd5b7;
  --color-3: #d8b693;
  --color-4: #e5937d;
  --color-5: #b87467;
}

SCSS

$color-1: #eae4b2;
$color-2: #bcd5b7;
$color-3: #d8b693;
$color-4: #e5937d;
$color-5: #b87467;

TAILWIND

colors: {
  'brand-1': '#eae4b2',
  'brand-2': '#bcd5b7',
  'brand-3': '#d8b693',
  'brand-4': '#e5937d',
  'brand-5': '#b87467',
}

RGB Array

[234, 228, 178], [188, 213, 183], [216, 182, 147], [229, 147, 125], [184, 116, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EAE4B2, #BCD5B7, #D8B693, #E5937D, #B87467 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: #eae4b2; --color-2: #bcd5b7; --color-3: #d8b693; --color-4: #e5937d; --color-5: #b87467. 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 nature-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