← Back to Editor

#D0B2BC · #B4B5B7 · #BAC6C4 · #CFDCCA · #E2E7C9

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

#D0B2BC

Rouge · Silver · Cherry Blossom

HEX
#D0B2BC
RGB
rgb(208, 178, 188)
HSL
hsl(340, 24%, 76%)
HSB
hsb(340, 14%, 82%)
CMYK
cmyk(0%, 14%, 10%, 18%)
Oklch
oklch(79.2% 0.037 355.9)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#B4B5B7

Silver Gray · Silver · Pearl Gray

HEX
#B4B5B7
RGB
rgb(180, 181, 183)
HSL
hsl(220, 2%, 71%)
HSB
hsb(220, 2%, 72%)
CMYK
cmyk(2%, 1%, 0%, 28%)
Oklch
oklch(77.3% 0.003 264.5)

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

#BAC6C4

Jade · Silver · Lake Green

HEX
#BAC6C4
RGB
rgb(186, 198, 196)
HSL
hsl(170, 10%, 75%)
HSB
hsb(170, 6%, 78%)
CMYK
cmyk(6%, 0%, 1%, 22%)
Oklch
oklch(81.7% 0.013 185.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#CFDCCA

Celadon · LightGray · Mint Green

HEX
#CFDCCA
RGB
rgb(207, 220, 202)
HSL
hsl(103, 20%, 83%)
HSB
hsb(103, 8%, 86%)
CMYK
cmyk(6%, 0%, 8%, 14%)
Oklch
oklch(88.0% 0.028 136.9)

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

#E2E7C9

Willow Green · LightGray · Mint Green

HEX
#E2E7C9
RGB
rgb(226, 231, 201)
HSL
hsl(70, 38%, 85%)
HSB
hsb(70, 13%, 91%)
CMYK
cmyk(2%, 0%, 13%, 9%)
Oklch
oklch(91.6% 0.040 114.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0B2BC
B3D0C7

Analogous

D0B3CC
D0B2BC
D0B8B3

Triadic

D0B2BC
BDD0B3
B3BDD0

Split-Comp.

D0B2BC
B3D0B8
B3CCD0

Tetradic

D0B2BC
CCD0B3
B3D0C7
B8B3D0

Contrast Matrix WCAG 2.1 Contrast

D0B2BC
B4B5B7
BAC6C4
CFDCCA
E2E7C9
—
1.1
Fail
1.1
Fail
1.4
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
1.9Fail
2.1Fail
1.8Fail
1.4Fail
1.3Fail
Black BG
10.8AAA
10.2AAA
12.0AAA
14.7AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3BA
B4B4B7
BFBFC4
D5D5CE
E4E4D0

Deuteranopia

C5C7B9
B4B4B6
BFBEC5
D4D3CF
E4E4D2

Tritanopia

CFB8B7
B4B6B6
BBC5C5
D0D2D3
E2D6D7

Achromatopsia

BCBCBC
B5B5B5
C2C2C2
D6D6D6
E2E2E2

Shades & Tints Shades & Tints

#D0B2BC

Dark
Light

#B4B5B7

Dark
Light

#BAC6C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0b2bc;
  --color-2: #b4b5b7;
  --color-3: #bac6c4;
  --color-4: #cfdcca;
  --color-5: #e2e7c9;
}

SCSS

$color-1: #d0b2bc;
$color-2: #b4b5b7;
$color-3: #bac6c4;
$color-4: #cfdcca;
$color-5: #e2e7c9;

TAILWIND

colors: {
  'brand-1': '#d0b2bc',
  'brand-2': '#b4b5b7',
  'brand-3': '#bac6c4',
  'brand-4': '#cfdcca',
  'brand-5': '#e2e7c9',
}

RGB Array

[208, 178, 188], [180, 181, 183], [186, 198, 196], [207, 220, 202], [226, 231, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #D0B2BC, #B4B5B7, #BAC6C4, #CFDCCA, #E2E7C9 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: #d0b2bc; --color-2: #b4b5b7; --color-3: #bac6c4; --color-4: #cfdcca; --color-5: #e2e7c9. 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