← Back to Editor

#534545 · #C6779D · #C8BB9C · #BFD8BA · #E8DFD1

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

#534545

Crimson · DarkSlateGray · Charcoal

HEX
#534545
RGB
rgb(83, 69, 69)
HSL
hsl(0, 9%, 30%)
HSB
hsb(0, 17%, 33%)
CMYK
cmyk(0%, 17%, 17%, 67%)
Oklch
oklch(40.5% 0.019 18.0)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#C6779D

Rouge · LightCoral · Rose Pink

HEX
#C6779D
RGB
rgb(198, 119, 157)
HSL
hsl(331, 41%, 62%)
HSB
hsb(331, 40%, 78%)
CMYK
cmyk(0%, 40%, 21%, 22%)
Oklch
oklch(66.6% 0.109 350.2)

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

#C8BB9C

Ginger · Tan · Sunflower

HEX
#C8BB9C
RGB
rgb(200, 187, 156)
HSL
hsl(42, 29%, 70%)
HSB
hsb(42, 22%, 78%)
CMYK
cmyk(0%, 7%, 22%, 22%)
Oklch
oklch(79.5% 0.045 88.0)

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

#BFD8BA

Celadon · Silver · Apple Green

HEX
#BFD8BA
RGB
rgb(191, 216, 186)
HSL
hsl(110, 28%, 79%)
HSB
hsb(110, 14%, 85%)
CMYK
cmyk(12%, 0%, 14%, 15%)
Oklch
oklch(85.6% 0.049 140.4)

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

#E8DFD1

Goose Yellow · LightGray · Peach Orange

HEX
#E8DFD1
RGB
rgb(232, 223, 209)
HSL
hsl(37, 33%, 86%)
HSB
hsb(37, 10%, 91%)
CMYK
cmyk(0%, 4%, 10%, 9%)
Oklch
oklch(90.7% 0.021 79.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

534545
465353

Analogous

53464D
534545
534D46

Triadic

534545
465346
464653

Split-Comp.

534545
46534D
464D53

Tetradic

534545
4D5346
465353
4D4653

Contrast Matrix WCAG 2.1 Contrast

534545
C6779D
C8BB9C
BFD8BA
E8DFD1
—
2.8
Fail
4.8
AA
6.0
AA
6.9
AA
2.8
Fail
—
1.7
Fail
2.1
Fail
2.4
Fail
4.8
AA
1.7
Fail
—
1.2
Fail
1.4
Fail
6.0
AA
2.1
Fail
1.2
Fail
—
1.2
Fail
6.9
AA
2.4
Fail
1.4
Fail
1.2
Fail
—
White BG
9.1AAA
3.2AA Large
1.9Fail
1.5Fail
1.3Fail
Black BG
2.3Fail
6.5AA
11.0AAA
13.7AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D45
A4A394
C2C2A4
CACAC1
E4E4D4

Deuteranopia

4E4F45
A8AE92
C3C4A5
C8C7C3
E5E5D5

Tritanopia

524545
C28D8B
C7A9AB
C0C7C8
E8D7D8

Achromatopsia

494949
939393
BBBBBB
CDCDCD
E0E0E0

Shades & Tints Shades & Tints

#534545

Dark
Light

#C6779D

Dark
Light

#C8BB9C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #534545;
  --color-2: #c6779d;
  --color-3: #c8bb9c;
  --color-4: #bfd8ba;
  --color-5: #e8dfd1;
}

SCSS

$color-1: #534545;
$color-2: #c6779d;
$color-3: #c8bb9c;
$color-4: #bfd8ba;
$color-5: #e8dfd1;

TAILWIND

colors: {
  'brand-1': '#534545',
  'brand-2': '#c6779d',
  'brand-3': '#c8bb9c',
  'brand-4': '#bfd8ba',
  'brand-5': '#e8dfd1',
}

RGB Array

[83, 69, 69], [198, 119, 157], [200, 187, 156], [191, 216, 186], [232, 223, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #534545, #C6779D, #C8BB9C, #BFD8BA, #E8DFD1 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: #534545; --color-2: #c6779d; --color-3: #c8bb9c; --color-4: #bfd8ba; --color-5: #e8dfd1. 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