← Back to Editor

#BBC9BA · #D1C2BE · #E3BBC9 · #DFC0D8 · #CECDDB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BBC9BA

Celadon · Silver · Apple Green

HEX
#BBC9BA
RGB
rgb(187, 201, 186)
HSL
hsl(116, 12%, 76%)
HSB
hsb(116, 7%, 79%)
CMYK
cmyk(7%, 0%, 7%, 21%)
Oklch
oklch(82.1% 0.026 143.5)

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

#D1C2BE

Peach Pink · Silver · Coral Red

HEX
#D1C2BE
RGB
rgb(209, 194, 190)
HSL
hsl(13, 17%, 78%)
HSB
hsb(13, 9%, 82%)
CMYK
cmyk(0%, 7%, 9%, 18%)
Oklch
oklch(82.5% 0.018 35.3)

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

#E3BBC9

Rouge · Pink · Cherry Blossom

HEX
#E3BBC9
RGB
rgb(227, 187, 201)
HSL
hsl(339, 42%, 81%)
HSB
hsb(339, 18%, 89%)
CMYK
cmyk(0%, 18%, 11%, 11%)
Oklch
oklch(83.1% 0.049 355.2)

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

#DFC0D8

Mauve · LightGray · Lavender

HEX
#DFC0D8
RGB
rgb(223, 192, 216)
HSL
hsl(314, 33%, 81%)
HSB
hsb(314, 14%, 87%)
CMYK
cmyk(0%, 14%, 3%, 13%)
Oklch
oklch(84.1% 0.047 333.8)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#CECDDB

Wisteria · LightGray · Sky Blue

HEX
#CECDDB
RGB
rgb(206, 205, 219)
HSL
hsl(244, 16%, 83%)
HSB
hsb(244, 6%, 86%)
CMYK
cmyk(6%, 6%, 0%, 14%)
Oklch
oklch(85.3% 0.019 289.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBC9BA
C8BAC9

Analogous

C3C9BA
BBC9BA
BAC9C1

Triadic

BBC9BA
BABBC9
C9BABB

Split-Comp.

BBC9BA
C1BAC9
C9BAC3

Tetradic

BBC9BA
BAC3C9
C8BAC9
C9C1BA

Contrast Matrix WCAG 2.1 Contrast

BBC9BA
D1C2BE
E3BBC9
DFC0D8
CECDDB
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
1.7Fail
1.7Fail
1.7Fail
1.7Fail
1.6Fail
Black BG
12.2AAA
12.2AAA
12.2AAA
12.7AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1BE
CBCABF
D2D1C6
D2D1D2
CECED8

Deuteranopia

C0BFBF
CBCCBF
D4D7C5
D3D6D1
CECED7

Tritanopia

BCC0C1
D0C0C0
E1C3C2
DDCECD
CED5D4

Achromatopsia

C3C3C3
C6C6C6
C9C9C9
CCCCCC
CFCFCF

Shades & Tints Shades & Tints

#BBC9BA

Dark
Light

#D1C2BE

Dark
Light

#E3BBC9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbc9ba;
  --color-2: #d1c2be;
  --color-3: #e3bbc9;
  --color-4: #dfc0d8;
  --color-5: #cecddb;
}

SCSS

$color-1: #bbc9ba;
$color-2: #d1c2be;
$color-3: #e3bbc9;
$color-4: #dfc0d8;
$color-5: #cecddb;

TAILWIND

colors: {
  'brand-1': '#bbc9ba',
  'brand-2': '#d1c2be',
  'brand-3': '#e3bbc9',
  'brand-4': '#dfc0d8',
  'brand-5': '#cecddb',
}

RGB Array

[187, 201, 186], [209, 194, 190], [227, 187, 201], [223, 192, 216], [206, 205, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BBC9BA, #D1C2BE, #E3BBC9, #DFC0D8, #CECDDB 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: #bbc9ba; --color-2: #d1c2be; --color-3: #e3bbc9; --color-4: #dfc0d8; --color-5: #cecddb. 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 general-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