#EEA28F + #E6B18F + #9D8874 + #DECEAD + #BECDB4 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#EEA28F

Peach Pink · DarkSalmon · Coral Red

HEX

#EEA28F

RGB

rgb(238, 162, 143)

HSL

hsl(12, 74%, 75%)

HSB

hsb(12, 40%, 93%)

CMYK

cmyk(0%, 32%, 40%, 7%)

Oklch

oklch(78.2% 0.095 34.6)

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

#E6B18F

Apricot · BurlyWood · Warm Sun

HEX

#E6B18F

RGB

rgb(230, 177, 143)

HSL

hsl(23, 64%, 73%)

HSB

hsb(23, 38%, 90%)

CMYK

cmyk(0%, 23%, 38%, 10%)

Oklch

oklch(80.1% 0.077 54.0)

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

#9D8874

Tangerine · Gray · Warm Sun

HEX

#9D8874

RGB

rgb(157, 136, 116)

HSL

hsl(29, 17%, 54%)

HSB

hsb(29, 26%, 62%)

CMYK

cmyk(0%, 13%, 26%, 38%)

Oklch

oklch(64.0% 0.039 65.7)

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

#DECEAD

Goose Yellow · Wheat · Lemon Cream

HEX

#DECEAD

RGB

rgb(222, 206, 173)

HSL

hsl(40, 43%, 77%)

HSB

hsb(40, 22%, 87%)

CMYK

cmyk(0%, 7%, 22%, 13%)

Oklch

oklch(85.6% 0.048 85.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#BECDB4

Celadon · Silver · Apple Green

HEX

#BECDB4

RGB

rgb(190, 205, 180)

HSL

hsl(96, 20%, 75%)

HSB

hsb(96, 12%, 80%)

CMYK

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

Oklch

oklch(83.0% 0.038 132.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEA28F

90DCEE

Analogous

EE90AC

EEA28F

EED290

Triadic

EEA28F

90EEA3

A390EE

Split-Comp.

EEA28F

90EED2

90ACEE

Tetradic

EEA28F

ACEE90

90DCEE

D290EE

Contrast Matrix WCAG 2.1 Contrast

EEA28F	E6B18F	9D8874	DECEAD	BECDB4
—	1.1 Fail	1.6 Fail	1.3 Fail	1.2 Fail
1.1 Fail	—	1.8 Fail	1.2 Fail	1.1 Fail
1.6 Fail	1.8 Fail	—	2.2 Fail	2.0 Fail
1.3 Fail	1.2 Fail	2.2 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	2.0 Fail	1.1 Fail	—

White BG

2.1Fail

1.9Fail

3.4AA Large

1.6Fail

1.7Fail

Black BG

10.2AAA

11.1AAA

6.2AA

13.5AAA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC94

CFCF97

949479

D7D7B5

C4C5BA

Deuteranopia

D2D795

D2D699

95977A

D8D9B7

C4C3BC

Tritanopia

EA9798

E39E9F

9C7D7E

DDBBBD

BFBFC0

Achromatopsia

B7B7B7

BDBDBD

8C8C8C

CFCFCF

C6C6C6

Shades & Tints Shades & Tints

#EEA28F

Dark

Light

#E6B18F

Dark

Light

#9D8874

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eea28f;
  --color-2: #e6b18f;
  --color-3: #9d8874;
  --color-4: #decead;
  --color-5: #becdb4;
}

SCSS

$color-1: #eea28f;
$color-2: #e6b18f;
$color-3: #9d8874;
$color-4: #decead;
$color-5: #becdb4;

TAILWIND

colors: {
  'brand-1': '#eea28f',
  'brand-2': '#e6b18f',
  'brand-3': '#9d8874',
  'brand-4': '#decead',
  'brand-5': '#becdb4',
}

RGB Array

[238, 162, 143], [230, 177, 143], [157, 136, 116], [222, 206, 173], [190, 205, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EEA28F, #E6B18F, #9D8874, #DECEAD, #BECDB4 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: #eea28f; --color-2: #e6b18f; --color-3: #9d8874; --color-4: #decead; --color-5: #becdb4. 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