#BB9C9A + #705B6C + #B56280 + #E091A4 + #DFB4AE · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#BB9C9A

Peach Pink · DarkGray · Coral Red

HEX

#BB9C9A

RGB

rgb(187, 156, 154)

HSL

hsl(4, 20%, 67%)

HSB

hsb(4, 18%, 73%)

CMYK

cmyk(0%, 17%, 18%, 27%)

Oklch

oklch(72.0% 0.037 22.4)

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

#705B6C

Rose Purple · DimGray · Eggplant

HEX

#705B6C

RGB

rgb(112, 91, 108)

HSL

hsl(311, 10%, 40%)

HSB

hsb(311, 19%, 44%)

CMYK

cmyk(0%, 19%, 4%, 56%)

Oklch

oklch(49.8% 0.037 332.7)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#B56280

Dark Violet · Gray · Rose Pink

HEX

#B56280

RGB

rgb(181, 98, 128)

HSL

hsl(338, 36%, 55%)

HSB

hsb(338, 46%, 71%)

CMYK

cmyk(0%, 46%, 29%, 29%)

Oklch

oklch(60.0% 0.112 358.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E091A4

Peach Pink · LightCoral · Coral Red

HEX

#E091A4

RGB

rgb(224, 145, 164)

HSL

hsl(346, 56%, 72%)

HSB

hsb(346, 35%, 88%)

CMYK

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

Oklch

oklch(74.2% 0.098 4.1)

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

#DFB4AE

Peach Pink · Tan · Coral Red

HEX

#DFB4AE

RGB

rgb(223, 180, 174)

HSL

hsl(7, 43%, 78%)

HSB

hsb(7, 22%, 87%)

CMYK

cmyk(0%, 19%, 22%, 13%)

Oklch

oklch(80.7% 0.051 27.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB9C9A

9AB9BC

Analogous

BC9AA9

BB9C9A

BCAD9A

Triadic

BB9C9A

9ABC9C

9C9ABC

Split-Comp.

BB9C9A

9ABCAD

9AA9BC

Tetradic

BB9C9A

A9BC9A

9AB9BC

AD9ABC

Contrast Matrix WCAG 2.1 Contrast

BB9C9A	705B6C	B56280	E091A4	DFB4AE
—	2.5 Fail	1.7 Fail	1.1 Fail	1.4 Fail
2.5 Fail	—	1.5 Fail	2.6 Fail	3.3 AA Large
1.7 Fail	1.5 Fail	—	1.7 Fail	2.2 Fail
1.1 Fail	2.6 Fail	1.7 Fail	—	1.3 Fail
1.4 Fail	3.3 AA Large	2.2 Fail	1.3 Fail	—

White BG

2.5Fail

6.2AA

4.2AA Large

2.4Fail

1.9Fail

Black BG

8.3AAA

3.4AA Large

5.0AA

8.8AAA

11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD9A

676768

919079

BEBD9F

CCCCAF

Deuteranopia

AFB29B

686A67

969C77

C2C89E

CFD2B0

Tritanopia

B99B9B

6F6564

B17372

DC9C9B

DDB1B1

Achromatopsia

A5A5A5

636363

7E7E7E

ABABAB

C0C0C0

Shades & Tints Shades & Tints

#BB9C9A

Dark

Light

#705B6C

Dark

Light

#B56280

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb9c9a;
  --color-2: #705b6c;
  --color-3: #b56280;
  --color-4: #e091a4;
  --color-5: #dfb4ae;
}

SCSS

$color-1: #bb9c9a;
$color-2: #705b6c;
$color-3: #b56280;
$color-4: #e091a4;
$color-5: #dfb4ae;

TAILWIND

colors: {
  'brand-1': '#bb9c9a',
  'brand-2': '#705b6c',
  'brand-3': '#b56280',
  'brand-4': '#e091a4',
  'brand-5': '#dfb4ae',
}

RGB Array

[187, 156, 154], [112, 91, 108], [181, 98, 128], [224, 145, 164], [223, 180, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BB9C9A, #705B6C, #B56280, #E091A4, #DFB4AE is ideal for: corporate websites, product showcases, portfolios. 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: #bb9c9a; --color-2: #705b6c; --color-3: #b56280; --color-4: #e091a4; --color-5: #dfb4ae. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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