#CB8174 + #BAA3AB + #B7CCCD + #EDEABF + #E8C56B · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CB8174

Peach Pink · DarkSalmon · Coral Red

HEX

#CB8174

RGB

rgb(203, 129, 116)

HSL

hsl(9, 46%, 63%)

HSB

hsb(9, 43%, 80%)

CMYK

cmyk(0%, 36%, 43%, 20%)

Oklch

oklch(67.7% 0.095 30.5)

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

#BAA3AB

Rouge · DarkGray · Rose Pink

HEX

#BAA3AB

RGB

rgb(186, 163, 171)

HSL

hsl(339, 14%, 68%)

HSB

hsb(339, 12%, 73%)

CMYK

cmyk(0%, 12%, 8%, 27%)

Oklch

oklch(73.8% 0.029 354.8)

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

#B7CCCD

Sky Blue · Silver · Glacier Blue

HEX

#B7CCCD

RGB

rgb(183, 204, 205)

HSL

hsl(183, 18%, 76%)

HSB

hsb(183, 11%, 80%)

CMYK

cmyk(11%, 0%, 0%, 20%)

Oklch

oklch(83.0% 0.023 200.2)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#EDEABF

Fresh Green · Wheat · Lemon Cream

HEX

#EDEABF

RGB

rgb(237, 234, 191)

HSL

hsl(56, 56%, 84%)

HSB

hsb(56, 19%, 93%)

CMYK

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

Oklch

oklch(92.9% 0.056 104.1)

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

#E8C56B

Ginger · BurlyWood · Sunflower

HEX

#E8C56B

RGB

rgb(232, 197, 107)

HSL

hsl(43, 73%, 66%)

HSB

hsb(43, 54%, 91%)

CMYK

cmyk(0%, 15%, 54%, 9%)

Oklch

oklch(83.5% 0.116 88.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CB8174

75BFCC

Analogous

CC7594

CB8174

CCAE75

Triadic

CB8174

75CC82

8275CC

Split-Comp.

CB8174

75CCAE

7594CC

Tetradic

CB8174

94CC75

75BFCC

AE75CC

Contrast Matrix WCAG 2.1 Contrast

CB8174	BAA3AB	B7CCCD	EDEABF	E8C56B
—	1.3 Fail	1.8 Fail	2.5 Fail	1.8 Fail
1.3 Fail	—	1.4 Fail	1.9 Fail	1.4 Fail
1.8 Fail	1.4 Fail	—	1.4 Fail	1.0 Fail
2.5 Fail	1.9 Fail	1.4 Fail	—	1.4 Fail
1.8 Fail	1.4 Fail	1.0 Fail	1.4 Fail	—

White BG

3.0AA Large

2.4Fail

1.7Fail

1.2Fail

1.7Fail

Black BG

6.9AA

8.9AAA

12.5AAA

17.1AAA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAA77

B0B0A9

C0C0CD

ECECC9

D9D981

Deuteranopia

AFB578

B1B3A9

BFBDCD

ECECCC

DBDD86

Tritanopia

C77A7A

B9A8A7

B8CDCD

EDD2D3

E69296

Achromatopsia

969696

ABABAB

C6C6C6

E6E6E6

C5C5C5

Shades & Tints Shades & Tints

#CB8174

Dark

Light

#BAA3AB

Dark

Light

#B7CCCD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cb8174;
  --color-2: #baa3ab;
  --color-3: #b7cccd;
  --color-4: #edeabf;
  --color-5: #e8c56b;
}

SCSS

$color-1: #cb8174;
$color-2: #baa3ab;
$color-3: #b7cccd;
$color-4: #edeabf;
$color-5: #e8c56b;

TAILWIND

colors: {
  'brand-1': '#cb8174',
  'brand-2': '#baa3ab',
  'brand-3': '#b7cccd',
  'brand-4': '#edeabf',
  'brand-5': '#e8c56b',
}

RGB Array

[203, 129, 116], [186, 163, 171], [183, 204, 205], [237, 234, 191], [232, 197, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CB8174, #BAA3AB, #B7CCCD, #EDEABF, #E8C56B 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: #cb8174; --color-2: #baa3ab; --color-3: #b7cccd; --color-4: #edeabf; --color-5: #e8c56b. 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 pastel-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