← Back to Editor

#E0E2CB · #B6D2CB · #C2BFC0 · #CE82A7 · #786B77

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#E0E2CB

Fresh Green · LightGray · Lemon Cream

HEX
#E0E2CB
RGB
rgb(224, 226, 203)
HSL
hsl(65, 28%, 84%)
HSB
hsb(65, 10%, 89%)
CMYK
cmyk(1%, 0%, 10%, 11%)
Oklch
oklch(90.5% 0.031 111.0)

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

#B6D2CB

Jade · Silver · Glacier Blue

HEX
#B6D2CB
RGB
rgb(182, 210, 203)
HSL
hsl(165, 24%, 77%)
HSB
hsb(165, 13%, 82%)
CMYK
cmyk(13%, 0%, 3%, 18%)
Oklch
oklch(84.1% 0.031 178.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#C2BFC0

Silver Gray · Silver · Pearl Gray

HEX
#C2BFC0
RGB
rgb(194, 191, 192)
HSL
hsl(340, 2%, 75%)
HSB
hsb(340, 2%, 76%)
CMYK
cmyk(0%, 2%, 1%, 24%)
Oklch
oklch(80.7% 0.004 354.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#CE82A7

Rouge · Orchid · Rose Pink

HEX
#CE82A7
RGB
rgb(206, 130, 167)
HSL
hsl(331, 44%, 66%)
HSB
hsb(331, 37%, 81%)
CMYK
cmyk(0%, 37%, 19%, 19%)
Oklch
oklch(69.7% 0.104 349.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#786B77

Ink Gray · DimGray · Warm Gray

HEX
#786B77
RGB
rgb(120, 107, 119)
HSL
hsl(305, 6%, 45%)
HSB
hsb(305, 11%, 47%)
CMYK
cmyk(0%, 11%, 1%, 53%)
Oklch
oklch(54.4% 0.024 328.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0E2CB
CDCBE2

Analogous

E2D8CB
E0E2CB
D4E2CB

Triadic

E0E2CB
CBE0E2
E2CBE0

Split-Comp.

E0E2CB
CBD4E2
D8CBE2

Tetradic

E0E2CB
CBE2D8
CDCBE2
E2CBD4

Contrast Matrix WCAG 2.1 Contrast

E0E2CB
B6D2CB
C2BFC0
CE82A7
786B77
—
1.2
Fail
1.4
Fail
2.2
Fail
3.8
AA Large
1.2
Fail
—
1.1
Fail
1.8
Fail
3.1
AA Large
1.4
Fail
1.1
Fail
—
1.6
Fail
2.8
Fail
2.2
Fail
1.8
Fail
1.6
Fail
—
1.8
Fail
3.8
AA Large
3.1
AA Large
2.8
Fail
1.8
Fail
—
White BG
1.3Fail
1.6Fail
1.8Fail
2.8Fail
5.0AA
Black BG
15.9AAA
13.1AAA
11.5AAA
7.4AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1D1
C2C2CD
C1C1C0
ADAC9E
727274

Deuteranopia

E1E1D2
C1BECD
C1C1C0
B2B79C
737473

Tritanopia

E0D5D6
B7CECE
C2C0C0
CA9795
777271

Achromatopsia

DFDFDF
C9C9C9
C0C0C0
9D9D9D
707070

Shades & Tints Shades & Tints

#E0E2CB

Dark
Light

#B6D2CB

Dark
Light

#C2BFC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0e2cb;
  --color-2: #b6d2cb;
  --color-3: #c2bfc0;
  --color-4: #ce82a7;
  --color-5: #786b77;
}

SCSS

$color-1: #e0e2cb;
$color-2: #b6d2cb;
$color-3: #c2bfc0;
$color-4: #ce82a7;
$color-5: #786b77;

TAILWIND

colors: {
  'brand-1': '#e0e2cb',
  'brand-2': '#b6d2cb',
  'brand-3': '#c2bfc0',
  'brand-4': '#ce82a7',
  'brand-5': '#786b77',
}

RGB Array

[224, 226, 203], [182, 210, 203], [194, 191, 192], [206, 130, 167], [120, 107, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E0E2CB, #B6D2CB, #C2BFC0, #CE82A7, #786B77 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: #e0e2cb; --color-2: #b6d2cb; --color-3: #c2bfc0; --color-4: #ce82a7; --color-5: #786b77. 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