← Back to Editor

#E0E5BD · #E0ECD4 · #B6D3A5 · #A8C0A0 · #808D73

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGrounded

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#E0E5BD

Fresh Green · Wheat · Lemon Cream

HEX
#E0E5BD
RGB
rgb(224, 229, 189)
HSL
hsl(68, 43%, 82%)
HSB
hsb(68, 17%, 90%)
CMYK
cmyk(2%, 0%, 17%, 10%)
Oklch
oklch(90.8% 0.053 113.2)

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

#E0ECD4

Celadon · Beige · Mint Green

HEX
#E0ECD4
RGB
rgb(224, 236, 212)
HSL
hsl(90, 39%, 88%)
HSB
hsb(90, 10%, 93%)
CMYK
cmyk(5%, 0%, 10%, 7%)
Oklch
oklch(92.8% 0.034 128.9)

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

#B6D3A5

Celadon · Silver · Apple Green

HEX
#B6D3A5
RGB
rgb(182, 211, 165)
HSL
hsl(98, 34%, 74%)
HSB
hsb(98, 22%, 83%)
CMYK
cmyk(14%, 0%, 22%, 17%)
Oklch
oklch(83.3% 0.070 134.1)

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

#A8C0A0

Celadon · DarkGray · Apple Green

HEX
#A8C0A0
RGB
rgb(168, 192, 160)
HSL
hsl(105, 20%, 69%)
HSB
hsb(105, 17%, 75%)
CMYK
cmyk(13%, 0%, 17%, 25%)
Oklch
oklch(78.1% 0.052 137.9)

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

#808D73

Celadon · Gray · Olive Green

HEX
#808D73
RGB
rgb(128, 141, 115)
HSL
hsl(90, 10%, 50%)
HSB
hsb(90, 18%, 55%)
CMYK
cmyk(9%, 0%, 18%, 45%)
Oklch
oklch(62.5% 0.041 129.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0E5BD
C3BDE5

Analogous

E5D6BD
E0E5BD
CCE5BD

Triadic

E0E5BD
BDE0E5
E5BDE0

Split-Comp.

E0E5BD
BDCCE5
D6BDE5

Tetradic

E0E5BD
BDE5D6
C3BDE5
E5BDCC

Contrast Matrix WCAG 2.1 Contrast

E0E5BD
E0ECD4
B6D3A5
A8C0A0
808D73
—
1.1
Fail
1.3
Fail
1.5
Fail
2.7
Fail
1.1
Fail
—
1.3
Fail
1.6
Fail
2.9
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
2.2
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.8
Fail
2.7
Fail
2.9
Fail
2.2
Fail
1.8
Fail
—
White BG
1.3Fail
1.2Fail
1.6Fail
2.0Fail
3.5AA Large
Black BG
16.1AAA
17.1AAA
12.9AAA
10.7AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C7
E5E5DA
C3C3B0
B2B3A8
868679

Deuteranopia

E2E2C9
E5E4DB
C1BFB3
B1AFAA
85847B

Tritanopia

E0CED0
E1DEDF
B7B9BB
A9AEAF
817E7F

Achromatopsia

DFDFDF
E6E6E6
C5C5C5
B5B5B5
868686

Shades & Tints Shades & Tints

#E0E5BD

Dark
Light

#E0ECD4

Dark
Light

#B6D3A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0e5bd;
  --color-2: #e0ecd4;
  --color-3: #b6d3a5;
  --color-4: #a8c0a0;
  --color-5: #808d73;
}

SCSS

$color-1: #e0e5bd;
$color-2: #e0ecd4;
$color-3: #b6d3a5;
$color-4: #a8c0a0;
$color-5: #808d73;

TAILWIND

colors: {
  'brand-1': '#e0e5bd',
  'brand-2': '#e0ecd4',
  'brand-3': '#b6d3a5',
  'brand-4': '#a8c0a0',
  'brand-5': '#808d73',
}

RGB Array

[224, 229, 189], [224, 236, 212], [182, 211, 165], [168, 192, 160], [128, 141, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E0E5BD, #E0ECD4, #B6D3A5, #A8C0A0, #808D73 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e0e5bd; --color-2: #e0ecd4; --color-3: #b6d3a5; --color-4: #a8c0a0; --color-5: #808d73. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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