← Back to Editor

#BB8082 · #7D7175 · #BB8082 · #ECE1CB · #BEB6AB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BB8082

Peach Pink · DarkSalmon · Coral Red

HEX
#BB8082
RGB
rgb(187, 128, 130)
HSL
hsl(358, 30%, 62%)
HSB
hsb(358, 32%, 73%)
CMYK
cmyk(0%, 32%, 30%, 27%)
Oklch
oklch(66.0% 0.073 17.0)

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

#7D7175

Ink Gray · Gray · Warm Gray

HEX
#7D7175
RGB
rgb(125, 113, 117)
HSL
hsl(340, 5%, 47%)
HSB
hsb(340, 10%, 49%)
CMYK
cmyk(0%, 10%, 6%, 51%)
Oklch
oklch(56.1% 0.016 355.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#BB8082

Peach Pink · DarkSalmon · Coral Red

HEX
#BB8082
RGB
rgb(187, 128, 130)
HSL
hsl(358, 30%, 62%)
HSB
hsb(358, 32%, 73%)
CMYK
cmyk(0%, 32%, 30%, 27%)
Oklch
oklch(66.0% 0.073 17.0)

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

#ECE1CB

Goose Yellow · Bisque · Lemon Cream

HEX
#ECE1CB
RGB
rgb(236, 225, 203)
HSL
hsl(40, 46%, 86%)
HSB
hsb(40, 14%, 93%)
CMYK
cmyk(0%, 5%, 14%, 7%)
Oklch
oklch(91.3% 0.032 84.6)

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

#BEB6AB

Goose Yellow · Silver · Warm Sun

HEX
#BEB6AB
RGB
rgb(190, 182, 171)
HSL
hsl(35, 13%, 71%)
HSB
hsb(35, 10%, 75%)
CMYK
cmyk(0%, 4%, 10%, 25%)
Oklch
oklch(78.0% 0.018 76.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB8082
81BBB9

Analogous

BB81A0
BB8082
BB9C81

Triadic

BB8082
83BB81
8183BB

Split-Comp.

BB8082
81BB9C
81A0BB

Tetradic

BB8082
A0BB81
81BBB9
9C81BB

Contrast Matrix WCAG 2.1 Contrast

BB8082
7D7175
BB8082
ECE1CB
BEB6AB
—
1.5
Fail
—
2.5
Fail
1.6
Fail
1.5
Fail
—
1.5
Fail
3.6
AA Large
2.3
Fail
—
1.5
Fail
—
2.5
Fail
1.6
Fail
2.5
Fail
3.6
AA Large
2.5
Fail
—
1.5
Fail
1.6
Fail
2.3
Fail
1.6
Fail
1.5
Fail
—
White BG
3.2AA Large
4.7AA
3.2AA Large
1.3Fail
2.0Fail
Black BG
6.5AA
4.5AA Large
6.5AA
16.2AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A182
787874
A1A182
E7E7D0
BBBAAE

Deuteranopia

A5A981
797974
A5A981
E8E9D2
BBBCAE

Tritanopia

B88181
7C7373
B88181
EBD5D5
BEB0B0

Achromatopsia

929292
757575
929292
E2E2E2
B7B7B7

Shades & Tints Shades & Tints

#BB8082

Dark
Light

#7D7175

Dark
Light

#BB8082

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb8082;
  --color-2: #7d7175;
  --color-3: #bb8082;
  --color-4: #ece1cb;
  --color-5: #beb6ab;
}

SCSS

$color-1: #bb8082;
$color-2: #7d7175;
$color-3: #bb8082;
$color-4: #ece1cb;
$color-5: #beb6ab;

TAILWIND

colors: {
  'brand-1': '#bb8082',
  'brand-2': '#7d7175',
  'brand-3': '#bb8082',
  'brand-4': '#ece1cb',
  'brand-5': '#beb6ab',
}

RGB Array

[187, 128, 130], [125, 113, 117], [187, 128, 130], [236, 225, 203], [190, 182, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BB8082, #7D7175, #BB8082, #ECE1CB, #BEB6AB 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: #bb8082; --color-2: #7d7175; --color-3: #bb8082; --color-4: #ece1cb; --color-5: #beb6ab. 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