← Back to Editor

#EBDBCC · #CCB5BB · #A78C93 · #CFCCB9 · #E0E2CC

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

#EBDBCC

Apricot · Bisque · Peach Orange

HEX
#EBDBCC
RGB
rgb(235, 219, 204)
HSL
hsl(29, 44%, 86%)
HSB
hsb(29, 13%, 92%)
CMYK
cmyk(0%, 7%, 13%, 8%)
Oklch
oklch(90.0% 0.027 65.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CCB5BB

Rouge · Silver · Rose Pink

HEX
#CCB5BB
RGB
rgb(204, 181, 187)
HSL
hsl(344, 18%, 75%)
HSB
hsb(344, 11%, 80%)
CMYK
cmyk(0%, 11%, 8%, 20%)
Oklch
oklch(79.4% 0.028 0.1)

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

#A78C93

Dark Violet · DarkGray · Rose Pink

HEX
#A78C93
RGB
rgb(167, 140, 147)
HSL
hsl(344, 13%, 60%)
HSB
hsb(344, 16%, 65%)
CMYK
cmyk(0%, 16%, 12%, 35%)
Oklch
oklch(66.7% 0.034 0.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#CFCCB9

Fresh Green · Silver · Lemon Cream

HEX
#CFCCB9
RGB
rgb(207, 204, 185)
HSL
hsl(52, 19%, 77%)
HSB
hsb(52, 11%, 81%)
CMYK
cmyk(0%, 1%, 11%, 19%)
Oklch
oklch(84.2% 0.026 99.6)

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

#E0E2CC

Fresh Green · LightGray · Lemon Cream

HEX
#E0E2CC
RGB
rgb(224, 226, 204)
HSL
hsl(65, 27%, 84%)
HSB
hsb(65, 10%, 89%)
CMYK
cmyk(1%, 0%, 10%, 11%)
Oklch
oklch(90.5% 0.029 111.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBDBCC
CCDCEB

Analogous

EBCCCC
EBDBCC
EBEACC

Triadic

EBDBCC
CCEBDB
DBCCEB

Split-Comp.

EBDBCC
CCEBEA
CCCCEB

Tetradic

EBDBCC
CCEBCC
CCDCEB
EACCEB

Contrast Matrix WCAG 2.1 Contrast

EBDBCC
CCB5BB
A78C93
CFCCB9
E0E2CC
—
1.4
Fail
2.3
Fail
1.2
Fail
1.0
Fail
1.4
Fail
—
1.6
Fail
1.2
Fail
1.5
Fail
2.3
Fail
1.6
Fail
—
1.9
Fail
2.3
Fail
1.2
Fail
1.2
Fail
1.9
Fail
—
1.2
Fail
1.0
Fail
1.5
Fail
2.3
Fail
1.2
Fail
—
White BG
1.4Fail
1.9Fail
3.1AA Large
1.6Fail
1.3Fail
Black BG
15.5AAA
10.9AAA
6.8AA
13.0AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4D0
C2C2BA
9B9B91
CECEBE
E1E1D1

Deuteranopia

E5E6D1
C3C5B9
9D9F91
CECEBF
E1E1D3

Tritanopia

EAD2D3
CBB8B8
A69090
CFC1C2
E0D6D6

Achromatopsia

DEDEDE
BDBDBD
959595
CBCBCB
DFDFDF

Shades & Tints Shades & Tints

#EBDBCC

Dark
Light

#CCB5BB

Dark
Light

#A78C93

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebdbcc;
  --color-2: #ccb5bb;
  --color-3: #a78c93;
  --color-4: #cfccb9;
  --color-5: #e0e2cc;
}

SCSS

$color-1: #ebdbcc;
$color-2: #ccb5bb;
$color-3: #a78c93;
$color-4: #cfccb9;
$color-5: #e0e2cc;

TAILWIND

colors: {
  'brand-1': '#ebdbcc',
  'brand-2': '#ccb5bb',
  'brand-3': '#a78c93',
  'brand-4': '#cfccb9',
  'brand-5': '#e0e2cc',
}

RGB Array

[235, 219, 204], [204, 181, 187], [167, 140, 147], [207, 204, 185], [224, 226, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EBDBCC, #CCB5BB, #A78C93, #CFCCB9, #E0E2CC 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: #ebdbcc; --color-2: #ccb5bb; --color-3: #a78c93; --color-4: #cfccb9; --color-5: #e0e2cc. 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