← Back to Editor

#E7B0A8 · #D3BCAC · #BFC8B1 · #A6D7B1 · #7D7073

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#E7B0A8

Peach Pink · BurlyWood · Coral Red

HEX
#E7B0A8
RGB
rgb(231, 176, 168)
HSL
hsl(8, 57%, 78%)
HSB
hsb(8, 27%, 91%)
CMYK
cmyk(0%, 24%, 27%, 9%)
Oklch
oklch(80.5% 0.066 28.0)

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

#D3BCAC

Apricot · Silver · Warm Sun

HEX
#D3BCAC
RGB
rgb(211, 188, 172)
HSL
hsl(25, 31%, 75%)
HSB
hsb(25, 18%, 83%)
CMYK
cmyk(0%, 11%, 18%, 17%)
Oklch
oklch(81.0% 0.034 57.0)

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

#BFC8B1

Willow Green · Silver · Apple Green

HEX
#BFC8B1
RGB
rgb(191, 200, 177)
HSL
hsl(83, 17%, 74%)
HSB
hsb(83, 12%, 78%)
CMYK
cmyk(4%, 0%, 12%, 22%)
Oklch
oklch(81.9% 0.033 124.6)

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

#A6D7B1

Celadon · Silver · Apple Green

HEX
#A6D7B1
RGB
rgb(166, 215, 177)
HSL
hsl(133, 38%, 75%)
HSB
hsb(133, 23%, 84%)
CMYK
cmyk(23%, 0%, 18%, 16%)
Oklch
oklch(83.4% 0.073 151.4)

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

#7D7073

Ink Gray · Gray · Warm Gray

HEX
#7D7073
RGB
rgb(125, 112, 115)
HSL
hsl(346, 5%, 46%)
HSB
hsb(346, 10%, 49%)
CMYK
cmyk(0%, 10%, 8%, 51%)
Oklch
oklch(55.8% 0.017 2.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7B0A8
A7DEE7

Analogous

E7A7BE
E7B0A8
E7CFA7

Triadic

E7B0A8
A7E7AF
AFA7E7

Split-Comp.

E7B0A8
A7E7CF
A7BEE7

Tetradic

E7B0A8
BEE7A7
A7DEE7
CFA7E7

Contrast Matrix WCAG 2.1 Contrast

E7B0A8
D3BCAC
BFC8B1
A6D7B1
7D7073
—
1.0
Fail
1.1
Fail
1.2
Fail
2.5
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
2.6
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
2.7
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
2.9
Fail
2.5
Fail
2.6
Fail
2.7
Fail
2.9
Fail
—
White BG
1.9Fail
1.8Fail
1.7Fail
1.6Fail
4.7AA
Black BG
11.2AAA
11.6AAA
12.1AAA
13.0AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFAA
C9C9B0
C3C3B7
BBBCBA
777772

Deuteranopia

D2D7AA
CACCB1
C2C2B8
B8B5BC
787972

Tritanopia

E4ABAC
D2B3B4
BFBBBC
A8C1C3
7C7272

Achromatopsia

C0C0C0
C1C1C1
C3C3C3
C4C4C4
747474

Shades & Tints Shades & Tints

#E7B0A8

Dark
Light

#D3BCAC

Dark
Light

#BFC8B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7b0a8;
  --color-2: #d3bcac;
  --color-3: #bfc8b1;
  --color-4: #a6d7b1;
  --color-5: #7d7073;
}

SCSS

$color-1: #e7b0a8;
$color-2: #d3bcac;
$color-3: #bfc8b1;
$color-4: #a6d7b1;
$color-5: #7d7073;

TAILWIND

colors: {
  'brand-1': '#e7b0a8',
  'brand-2': '#d3bcac',
  'brand-3': '#bfc8b1',
  'brand-4': '#a6d7b1',
  'brand-5': '#7d7073',
}

RGB Array

[231, 176, 168], [211, 188, 172], [191, 200, 177], [166, 215, 177], [125, 112, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E7B0A8, #D3BCAC, #BFC8B1, #A6D7B1, #7D7073 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: #e7b0a8; --color-2: #d3bcac; --color-3: #bfc8b1; --color-4: #a6d7b1; --color-5: #7d7073. 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