#CE8B92 + #E7BDC1 + #DBC9C7 + #D2E3D7 + #8BCCD5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CE8B92

Peach Pink · DarkSalmon · Coral Red

HEX

#CE8B92

RGB

rgb(206, 139, 146)

HSL

hsl(354, 41%, 68%)

HSB

hsb(354, 33%, 81%)

CMYK

cmyk(0%, 33%, 29%, 19%)

Oklch

oklch(70.6% 0.082 12.5)

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

#E7BDC1

Peach Pink · LightPink · Cherry Blossom

HEX

#E7BDC1

RGB

rgb(231, 189, 193)

HSL

hsl(354, 47%, 82%)

HSB

hsb(354, 18%, 91%)

CMYK

cmyk(0%, 18%, 16%, 9%)

Oklch

oklch(83.6% 0.048 11.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#DBC9C7

Peach Pink · LightGray · Cherry Blossom

HEX

#DBC9C7

RGB

rgb(219, 201, 199)

HSL

hsl(6, 22%, 82%)

HSB

hsb(6, 9%, 86%)

CMYK

cmyk(0%, 8%, 9%, 14%)

Oklch

oklch(85.0% 0.020 25.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D2E3D7

Celadon · LightGray · Mint Green

HEX

#D2E3D7

RGB

rgb(210, 227, 215)

HSL

hsl(138, 23%, 86%)

HSB

hsb(138, 7%, 89%)

CMYK

cmyk(7%, 0%, 5%, 11%)

Oklch

oklch(90.0% 0.024 155.1)

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

#8BCCD5

Sky Blue · SkyBlue · Lake Green

HEX

#8BCCD5

RGB

rgb(139, 204, 213)

HSL

hsl(187, 47%, 69%)

HSB

hsb(187, 35%, 84%)

CMYK

cmyk(35%, 4%, 0%, 16%)

Oklch

oklch(80.5% 0.067 206.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE8B92

8CCFC8

Analogous

CF8CB4

CE8B92

CFA78C

Triadic

CE8B92

93CF8C

8C93CF

Split-Comp.

CE8B92

8CCFA7

8CB4CF

Tetradic

CE8B92

B4CF8C

8CCFC8

A78CCF

Contrast Matrix WCAG 2.1 Contrast

CE8B92	E7BDC1	DBC9C7	D2E3D7	8BCCD5
—	1.6 Fail	1.7 Fail	2.0 Fail	1.5 Fail
1.6 Fail	—	1.1 Fail	1.3 Fail	1.1 Fail
1.7 Fail	1.1 Fail	—	1.2 Fail	1.1 Fail
2.0 Fail	1.3 Fail	1.2 Fail	—	1.3 Fail
1.5 Fail	1.1 Fail	1.1 Fail	1.3 Fail	—

White BG

2.7Fail

1.7Fail

1.6Fail

1.3Fail

1.8Fail

Black BG

7.7AAA

12.4AAA

13.2AAA

15.7AAA

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B090

D5D4C0

D3D3C7

D9DADA

A7A8D3

Deuteranopia

B5BA90

D7DAC0

D4D6C8

D8D7DB

A39FD2

Tritanopia

CB8F8F

E5BFBF

DAC8C8

D3DCDD

8ED1D1

Achromatopsia

A0A0A0

CACACA

CECECE

DDDDDD

BABABA

Shades & Tints Shades & Tints

#CE8B92

Dark

Light

#E7BDC1

Dark

Light

#DBC9C7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce8b92;
  --color-2: #e7bdc1;
  --color-3: #dbc9c7;
  --color-4: #d2e3d7;
  --color-5: #8bccd5;
}

SCSS

$color-1: #ce8b92;
$color-2: #e7bdc1;
$color-3: #dbc9c7;
$color-4: #d2e3d7;
$color-5: #8bccd5;

TAILWIND

colors: {
  'brand-1': '#ce8b92',
  'brand-2': '#e7bdc1',
  'brand-3': '#dbc9c7',
  'brand-4': '#d2e3d7',
  'brand-5': '#8bccd5',
}

RGB Array

[206, 139, 146], [231, 189, 193], [219, 201, 199], [210, 227, 215], [139, 204, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CE8B92, #E7BDC1, #DBC9C7, #D2E3D7, #8BCCD5 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: #ce8b92; --color-2: #e7bdc1; --color-3: #dbc9c7; --color-4: #d2e3d7; --color-5: #8bccd5. 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