← Back to Editor

#8C5E78 · #BB9BA0 · #A4BFB6 · #EAD9C5 · #C5B59E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8C5E78

Rose Purple · Gray · Camellia

HEX
#8C5E78
RGB
rgb(140, 94, 120)
HSL
hsl(326, 20%, 46%)
HSB
hsb(326, 33%, 55%)
CMYK
cmyk(0%, 33%, 14%, 45%)
Oklch
oklch(54.0% 0.070 344.8)

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

#BB9BA0

Peach Pink · DarkGray · Coral Red

HEX
#BB9BA0
RGB
rgb(187, 155, 160)
HSL
hsl(351, 19%, 67%)
HSB
hsb(351, 17%, 73%)
CMYK
cmyk(0%, 17%, 14%, 27%)
Oklch
oklch(72.0% 0.039 7.5)

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

#A4BFB6

Jade · DarkGray · Lake Green

HEX
#A4BFB6
RGB
rgb(164, 191, 182)
HSL
hsl(160, 17%, 70%)
HSB
hsb(160, 14%, 75%)
CMYK
cmyk(14%, 0%, 5%, 25%)
Oklch
oklch(78.2% 0.032 173.3)

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

#EAD9C5

Goose Yellow · Wheat · Peach Orange

HEX
#EAD9C5
RGB
rgb(234, 217, 197)
HSL
hsl(32, 47%, 85%)
HSB
hsb(32, 16%, 92%)
CMYK
cmyk(0%, 7%, 16%, 8%)
Oklch
oklch(89.4% 0.033 71.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C5B59E

Ginger · Tan · Warm Sun

HEX
#C5B59E
RGB
rgb(197, 181, 158)
HSL
hsl(35, 25%, 70%)
HSB
hsb(35, 20%, 77%)
CMYK
cmyk(0%, 8%, 20%, 23%)
Oklch
oklch(78.0% 0.037 77.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C5E78
5E8D72

Analogous

8A5E8D
8C5E78
8D5E61

Triadic

8C5E78
788D5E
5E788D

Split-Comp.

8C5E78
618D5E
5E8D8A

Tetradic

8C5E78
8D8A5E
5E8D72
5E618D

Contrast Matrix WCAG 2.1 Contrast

8C5E78
BB9BA0
A4BFB6
EAD9C5
C5B59E
—
2.1
Fail
2.7
Fail
3.8
AA Large
2.6
Fail
2.1
Fail
—
1.3
Fail
1.8
Fail
1.3
Fail
2.7
Fail
1.3
Fail
—
1.4
Fail
1.0
Fail
3.8
AA Large
1.8
Fail
1.4
Fail
—
1.5
Fail
2.6
Fail
1.3
Fail
1.0
Fail
1.5
Fail
—
White BG
5.3AA
2.5Fail
2.0Fail
1.4Fail
2.0Fail
Black BG
4.0AA Large
8.3AAA
10.7AAA
15.2AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787872
ADAD9F
B0B0B8
E3E2CA
BEBEA4

Deuteranopia

7B7E70
AFB19F
AEACB9
E4E5CB
BFC0A5

Tritanopia

8A6D6C
B99E9E
A5BABA
E9CECF
C4A8A9

Achromatopsia

6F6F6F
A5A5A5
B6B6B6
DCDCDC
B7B7B7

Shades & Tints Shades & Tints

#8C5E78

Dark
Light

#BB9BA0

Dark
Light

#A4BFB6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c5e78;
  --color-2: #bb9ba0;
  --color-3: #a4bfb6;
  --color-4: #ead9c5;
  --color-5: #c5b59e;
}

SCSS

$color-1: #8c5e78;
$color-2: #bb9ba0;
$color-3: #a4bfb6;
$color-4: #ead9c5;
$color-5: #c5b59e;

TAILWIND

colors: {
  'brand-1': '#8c5e78',
  'brand-2': '#bb9ba0',
  'brand-3': '#a4bfb6',
  'brand-4': '#ead9c5',
  'brand-5': '#c5b59e',
}

RGB Array

[140, 94, 120], [187, 155, 160], [164, 191, 182], [234, 217, 197], [197, 181, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8C5E78, #BB9BA0, #A4BFB6, #EAD9C5, #C5B59E 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: #8c5e78; --color-2: #bb9ba0; --color-3: #a4bfb6; --color-4: #ead9c5; --color-5: #c5b59e. 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