← Back to Editor

#876574 · #C9C6AD · #A19389 · #93A5AB · #D1C0C1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#876574

Dark Violet · Gray · Camellia

HEX
#876574
RGB
rgb(135, 101, 116)
HSL
hsl(334, 14%, 46%)
HSB
hsb(334, 25%, 53%)
CMYK
cmyk(0%, 25%, 14%, 47%)
Oklch
oklch(54.6% 0.049 350.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C9C6AD

Fresh Green · Silver · Sunflower

HEX
#C9C6AD
RGB
rgb(201, 198, 173)
HSL
hsl(54, 21%, 73%)
HSB
hsb(54, 14%, 79%)
CMYK
cmyk(0%, 1%, 14%, 21%)
Oklch
oklch(82.2% 0.034 101.5)

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

#A19389

Tangerine · Gray · Warm Sun

HEX
#A19389
RGB
rgb(161, 147, 137)
HSL
hsl(25, 11%, 58%)
HSB
hsb(25, 15%, 63%)
CMYK
cmyk(0%, 9%, 15%, 37%)
Oklch
oklch(67.3% 0.022 57.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#93A5AB

Sky Blue · DarkGray · Lake Green

HEX
#93A5AB
RGB
rgb(147, 165, 171)
HSL
hsl(195, 12%, 62%)
HSB
hsb(195, 14%, 67%)
CMYK
cmyk(14%, 4%, 0%, 33%)
Oklch
oklch(71.0% 0.022 219.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#D1C0C1

Peach Pink · Silver · Coral Red

HEX
#D1C0C1
RGB
rgb(209, 192, 193)
HSL
hsl(356, 16%, 79%)
HSB
hsb(356, 8%, 82%)
CMYK
cmyk(0%, 8%, 8%, 18%)
Oklch
oklch(82.2% 0.019 13.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

876574
658677

Analogous

866584
876574
866765

Triadic

876574
738665
657386

Split-Comp.

876574
658667
658486

Tetradic

876574
848665
658677
676586

Contrast Matrix WCAG 2.1 Contrast

876574
C9C6AD
A19389
93A5AB
D1C0C1
—
2.9
Fail
1.7
Fail
2.0
Fail
2.9
Fail
2.9
Fail
—
1.7
Fail
1.5
Fail
1.0
Fail
1.7
Fail
1.7
Fail
—
1.2
Fail
1.7
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.5
Fail
2.9
Fail
1.0
Fail
1.7
Fail
1.5
Fail
—
White BG
5.1AA
1.7Fail
3.0Fail
2.6Fail
1.7Fail
Black BG
4.1AA Large
12.2AAA
7.1AAA
8.2AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787870
C8C8B3
9B9B8B
9B9BAA
CAC9C1

Deuteranopia

7A7D6F
C8C8B5
9C9D8C
9A98A9
CBCCC1

Tritanopia

856E6D
C9B8B9
A08D8E
94A8A8
D0C1C1

Achromatopsia

717171
C4C4C4
969696
A0A0A0
C5C5C5

Shades & Tints Shades & Tints

#876574

Dark
Light

#C9C6AD

Dark
Light

#A19389

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #876574;
  --color-2: #c9c6ad;
  --color-3: #a19389;
  --color-4: #93a5ab;
  --color-5: #d1c0c1;
}

SCSS

$color-1: #876574;
$color-2: #c9c6ad;
$color-3: #a19389;
$color-4: #93a5ab;
$color-5: #d1c0c1;

TAILWIND

colors: {
  'brand-1': '#876574',
  'brand-2': '#c9c6ad',
  'brand-3': '#a19389',
  'brand-4': '#93a5ab',
  'brand-5': '#d1c0c1',
}

RGB Array

[135, 101, 116], [201, 198, 173], [161, 147, 137], [147, 165, 171], [209, 192, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #876574, #C9C6AD, #A19389, #93A5AB, #D1C0C1 is ideal for: brand design, premium product pages, magazine layouts. 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: #876574; --color-2: #c9c6ad; --color-3: #a19389; --color-4: #93a5ab; --color-5: #d1c0c1. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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