← Back to Editor

#80526B · #C99584 · #BCB9AA · #B7D1C3 · #CBD6D0

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

WorkspaceReadingData Visualization

Color Details Color Details

#80526B

Rose Purple · DimGray · Camellia

HEX
#80526B
RGB
rgb(128, 82, 107)
HSL
hsl(327, 22%, 41%)
HSB
hsb(327, 36%, 50%)
CMYK
cmyk(0%, 36%, 16%, 50%)
Oklch
oklch(49.8% 0.070 346.2)

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

#C99584

Apricot · Tan · Warm Sun

HEX
#C99584
RGB
rgb(201, 149, 132)
HSL
hsl(15, 39%, 65%)
HSB
hsb(15, 34%, 79%)
CMYK
cmyk(0%, 26%, 34%, 21%)
Oklch
oklch(71.5% 0.068 38.9)

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

#BCB9AA

Fresh Green · Silver · Sunflower

HEX
#BCB9AA
RGB
rgb(188, 185, 170)
HSL
hsl(50, 12%, 70%)
HSB
hsb(50, 10%, 74%)
CMYK
cmyk(0%, 2%, 10%, 26%)
Oklch
oklch(78.4% 0.021 97.6)

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

#B7D1C3

Celadon · Silver · Apple Green

HEX
#B7D1C3
RGB
rgb(183, 209, 195)
HSL
hsl(148, 22%, 77%)
HSB
hsb(148, 12%, 82%)
CMYK
cmyk(12%, 0%, 7%, 18%)
Oklch
oklch(83.7% 0.034 162.1)

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

#CBD6D0

Celadon · LightGray · Mint Green

HEX
#CBD6D0
RGB
rgb(203, 214, 208)
HSL
hsl(147, 12%, 82%)
HSB
hsb(147, 5%, 84%)
CMYK
cmyk(5%, 0%, 3%, 16%)
Oklch
oklch(86.6% 0.014 162.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80526B
528066

Analogous

7D5280
80526B
805254

Triadic

80526B
6B8052
526B80

Split-Comp.

80526B
548052
52807D

Tetradic

80526B
807D52
528066
525480

Contrast Matrix WCAG 2.1 Contrast

80526B
C99584
BCB9AA
B7D1C3
CBD6D0
—
2.4
Fail
3.2
AA Large
3.9
AA Large
4.2
AA Large
2.4
Fail
—
1.3
Fail
1.6
Fail
1.7
Fail
3.2
AA Large
1.3
Fail
—
1.2
Fail
1.3
Fail
3.9
AA Large
1.6
Fail
1.2
Fail
—
1.1
Fail
4.2
AA Large
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
6.3AA
2.6Fail
2.0Fail
1.6Fail
1.5Fail
Black BG
3.3AA Large
8.1AAA
10.7AAA
12.9AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C65
B2B288
BBBBAE
C2C2C6
D0D0D1

Deuteranopia

6F7263
B6B989
BBBBAF
C1BFC7
CFCED2

Tritanopia

7E605F
C68B8C
BCB0B1
B8C9CA
CCD3D3

Achromatopsia

636363
A3A3A3
B8B8B8
C8C8C8
D2D2D2

Shades & Tints Shades & Tints

#80526B

Dark
Light

#C99584

Dark
Light

#BCB9AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80526b;
  --color-2: #c99584;
  --color-3: #bcb9aa;
  --color-4: #b7d1c3;
  --color-5: #cbd6d0;
}

SCSS

$color-1: #80526b;
$color-2: #c99584;
$color-3: #bcb9aa;
$color-4: #b7d1c3;
$color-5: #cbd6d0;

TAILWIND

colors: {
  'brand-1': '#80526b',
  'brand-2': '#c99584',
  'brand-3': '#bcb9aa',
  'brand-4': '#b7d1c3',
  'brand-5': '#cbd6d0',
}

RGB Array

[128, 82, 107], [201, 149, 132], [188, 185, 170], [183, 209, 195], [203, 214, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #80526B, #C99584, #BCB9AA, #B7D1C3, #CBD6D0 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #80526b; --color-2: #c99584; --color-3: #bcb9aa; --color-4: #b7d1c3; --color-5: #cbd6d0. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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