#D891BA + #CFBBC0 + #D0CCBC + #CAD9BB + #B2E7CF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D891BA

Mauve · Orchid · Rose Pink

HEX

#D891BA

RGB

rgb(216, 145, 186)

HSL

hsl(325, 48%, 71%)

HSB

hsb(325, 33%, 85%)

CMYK

cmyk(0%, 33%, 14%, 15%)

Oklch

oklch(74.0% 0.100 344.3)

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

#CFBBC0

Peach Pink · Silver · Coral Red

HEX

#CFBBC0

RGB

rgb(207, 187, 192)

HSL

hsl(345, 17%, 77%)

HSB

hsb(345, 10%, 81%)

CMYK

cmyk(0%, 10%, 7%, 19%)

Oklch

oklch(81.0% 0.024 0.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D0CCBC

Goose Yellow · Silver · Lemon Cream

HEX

#D0CCBC

RGB

rgb(208, 204, 188)

HSL

hsl(48, 18%, 78%)

HSB

hsb(48, 10%, 82%)

CMYK

cmyk(0%, 2%, 10%, 18%)

Oklch

oklch(84.4% 0.022 95.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#CAD9BB

Celadon · LightGray · Apple Green

HEX

#CAD9BB

RGB

rgb(202, 217, 187)

HSL

hsl(90, 28%, 79%)

HSB

hsb(90, 14%, 85%)

CMYK

cmyk(7%, 0%, 14%, 15%)

Oklch

oklch(86.6% 0.044 129.0)

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

#B2E7CF

Jade · LightBlue · Apple Green

HEX

#B2E7CF

RGB

rgb(178, 231, 207)

HSL

hsl(153, 52%, 80%)

HSB

hsb(153, 23%, 91%)

CMYK

cmyk(23%, 0%, 10%, 9%)

Oklch

oklch(88.5% 0.064 165.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D891BA

92D9AF

Analogous

D392D9

D891BA

D99297

Triadic

D891BA

BBD992

92BBD9

Split-Comp.

D891BA

97D992

92D9D3

Tetradic

D891BA

D9D392

92D9AF

9297D9

Contrast Matrix WCAG 2.1 Contrast

D891BA	CFBBC0	D0CCBC	CAD9BB	B2E7CF
—	1.3 Fail	1.5 Fail	1.6 Fail	1.8 Fail
1.3 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.5 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.6 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.8 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.4Fail

1.8Fail

1.6Fail

1.5Fail

1.4Fail

Black BG

8.7AAA

11.5AAA

13.0AAA

14.2AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9B0

C6C6BF

CECEC0

D0D1C2

C9C9D5

Deuteranopia

BDC3AE

C8C9BE

CFCFC1

D0CEC4

C6C2D6

Tritanopia

D4A8A7

CEBEBE

D0C3C4

CBC8C9

B5D9DA

Achromatopsia

ABABAB

C2C2C2

CBCBCB

D1D1D1

D4D4D4

Shades & Tints Shades & Tints

#D891BA

Dark

Light

#CFBBC0

Dark

Light

#D0CCBC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d891ba;
  --color-2: #cfbbc0;
  --color-3: #d0ccbc;
  --color-4: #cad9bb;
  --color-5: #b2e7cf;
}

SCSS

$color-1: #d891ba;
$color-2: #cfbbc0;
$color-3: #d0ccbc;
$color-4: #cad9bb;
$color-5: #b2e7cf;

TAILWIND

colors: {
  'brand-1': '#d891ba',
  'brand-2': '#cfbbc0',
  'brand-3': '#d0ccbc',
  'brand-4': '#cad9bb',
  'brand-5': '#b2e7cf',
}

RGB Array

[216, 145, 186], [207, 187, 192], [208, 204, 188], [202, 217, 187], [178, 231, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D891BA, #CFBBC0, #D0CCBC, #CAD9BB, #B2E7CF is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d891ba; --color-2: #cfbbc0; --color-3: #d0ccbc; --color-4: #cad9bb; --color-5: #b2e7cf. 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 tech, SaaS, healthcare, eco industries. 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