#E7DEA6 + #D2CEA8 + #B28D8A + #9F506D + #B52645 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#E7DEA6

Fresh Green · Wheat · Lemon Cream

HEX

#E7DEA6

RGB

rgb(231, 222, 166)

HSL

hsl(52, 58%, 78%)

HSB

hsb(52, 28%, 91%)

CMYK

cmyk(0%, 4%, 28%, 9%)

Oklch

oklch(89.4% 0.073 100.0)

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

#D2CEA8

Fresh Green · Silver · Sunflower

HEX

#D2CEA8

RGB

rgb(210, 206, 168)

HSL

hsl(54, 32%, 74%)

HSB

hsb(54, 20%, 82%)

CMYK

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

Oklch

oklch(84.5% 0.051 102.4)

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

#B28D8A

Peach Pink · DarkGray · Coral Red

HEX

#B28D8A

RGB

rgb(178, 141, 138)

HSL

hsl(5, 21%, 62%)

HSB

hsb(5, 22%, 70%)

CMYK

cmyk(0%, 21%, 22%, 30%)

Oklch

oklch(67.7% 0.045 23.7)

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

#9F506D

Dark Violet · DimGray · Camellia

HEX

#9F506D

RGB

rgb(159, 80, 109)

HSL

hsl(338, 33%, 47%)

HSB

hsb(338, 50%, 62%)

CMYK

cmyk(0%, 50%, 31%, 38%)

Oklch

oklch(53.6% 0.110 358.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#B52645

Vermilion · Brown · Passion Red

HEX

#B52645

RGB

rgb(181, 38, 69)

HSL

hsl(347, 65%, 43%)

HSB

hsb(347, 79%, 71%)

CMYK

cmyk(0%, 79%, 62%, 29%)

Oklch

oklch(51.1% 0.178 14.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7DEA6

A6AFE7

Analogous

E7BEA6

E7DEA6

D0E7A6

Triadic

E7DEA6

A6E7DF

DFA6E7

Split-Comp.

E7DEA6

A6D0E7

BEA6E7

Tetradic

E7DEA6

A6E7BE

A6AFE7

E7A6D0

Contrast Matrix WCAG 2.1 Contrast

E7DEA6	D2CEA8	B28D8A	9F506D	B52645
—	1.2 Fail	2.2 Fail	4.0 AA Large	4.6 AA
1.2 Fail	—	1.9 Fail	3.4 AA Large	3.9 AA Large
2.2 Fail	1.9 Fail	—	1.8 Fail	2.1 Fail
4.0 AA Large	3.4 AA Large	1.8 Fail	—	1.2 Fail
4.6 AA	3.9 AA Large	2.1 Fail	1.2 Fail	—

White BG

1.4Fail

1.6Fail

3.0Fail

5.5AA

6.3AA

Black BG

15.4AAA

13.1AAA

7.1AAA

3.8AA Large

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3B4

D0D0B1

A2A28B

7D7C66

77763D

Deuteranopia

E4E4B7

D1D1B3

A4A78B

818764

7F8A3C

Tritanopia

E7BEC1

D2B8BA

B08B8B

9B605F

AE3836

Achromatopsia

DADADA

CBCBCB

989898

6B6B6B

545454

Shades & Tints Shades & Tints

#E7DEA6

Dark

Light

#D2CEA8

Dark

Light

#B28D8A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7dea6;
  --color-2: #d2cea8;
  --color-3: #b28d8a;
  --color-4: #9f506d;
  --color-5: #b52645;
}

SCSS

$color-1: #e7dea6;
$color-2: #d2cea8;
$color-3: #b28d8a;
$color-4: #9f506d;
$color-5: #b52645;

TAILWIND

colors: {
  'brand-1': '#e7dea6',
  'brand-2': '#d2cea8',
  'brand-3': '#b28d8a',
  'brand-4': '#9f506d',
  'brand-5': '#b52645',
}

RGB Array

[231, 222, 166], [210, 206, 168], [178, 141, 138], [159, 80, 109], [181, 38, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E7DEA6, #D2CEA8, #B28D8A, #9F506D, #B52645 is ideal for: corporate websites, product showcases, portfolios. 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: #e7dea6; --color-2: #d2cea8; --color-3: #b28d8a; --color-4: #9f506d; --color-5: #b52645. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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