← Back to Editor

#9C6289 · #8C7D87 · #6DA197 · #9EAE92 · #C2B088

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

#9C6289

Rose Purple · Gray · Camellia

HEX
#9C6289
RGB
rgb(156, 98, 137)
HSL
hsl(320, 23%, 50%)
HSB
hsb(320, 37%, 61%)
CMYK
cmyk(0%, 37%, 12%, 39%)
Oklch
oklch(57.2% 0.091 340.0)

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

#8C7D87

Ash · Gray · Warm Gray

HEX
#8C7D87
RGB
rgb(140, 125, 135)
HSL
hsl(320, 6%, 52%)
HSB
hsb(320, 11%, 55%)
CMYK
cmyk(0%, 11%, 4%, 45%)
Oklch
oklch(60.6% 0.023 338.0)

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

#6DA197

Mineral Blue · CadetBlue · Lake Green

HEX
#6DA197
RGB
rgb(109, 161, 151)
HSL
hsl(168, 22%, 53%)
HSB
hsb(168, 32%, 63%)
CMYK
cmyk(32%, 0%, 6%, 37%)
Oklch
oklch(66.9% 0.057 181.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#9EAE92

Celadon · DarkSeaGreen · Apple Green

HEX
#9EAE92
RGB
rgb(158, 174, 146)
HSL
hsl(94, 15%, 63%)
HSB
hsb(94, 16%, 68%)
CMYK
cmyk(9%, 0%, 16%, 32%)
Oklch
oklch(73.1% 0.043 131.8)

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

#C2B088

Ginger · Tan · Sunflower

HEX
#C2B088
RGB
rgb(194, 176, 136)
HSL
hsl(41, 32%, 65%)
HSB
hsb(41, 30%, 76%)
CMYK
cmyk(0%, 9%, 30%, 24%)
Oklch
oklch(76.2% 0.058 86.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C6289
629D76

Analogous

93629D
9C6289
9D626C

Triadic

9C6289
899D62
62899D

Split-Comp.

9C6289
6C9D62
629D93

Tetradic

9C6289
9D9362
629D76
626C9D

Contrast Matrix WCAG 2.1 Contrast

9C6289
8C7D87
6DA197
9EAE92
C2B088
—
1.2
Fail
1.6
Fail
2.0
Fail
2.2
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
2.0
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
2.2
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
White BG
4.6AA
3.9AA Large
2.9Fail
2.4Fail
2.1Fail
Black BG
4.5AA
5.4AA
7.2AAA
8.9AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838280
868585
848499
A5A599
BABA92

Deuteranopia

868B7D
868884
817D9A
A4A39A
BBBD94

Tritanopia

997876
8B8382
709B9C
9F9E9F
C1999B

Achromatopsia

787878
838383
909090
A6A6A6
B1B1B1

Shades & Tints Shades & Tints

#9C6289

Dark
Light

#8C7D87

Dark
Light

#6DA197

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c6289;
  --color-2: #8c7d87;
  --color-3: #6da197;
  --color-4: #9eae92;
  --color-5: #c2b088;
}

SCSS

$color-1: #9c6289;
$color-2: #8c7d87;
$color-3: #6da197;
$color-4: #9eae92;
$color-5: #c2b088;

TAILWIND

colors: {
  'brand-1': '#9c6289',
  'brand-2': '#8c7d87',
  'brand-3': '#6da197',
  'brand-4': '#9eae92',
  'brand-5': '#c2b088',
}

RGB Array

[156, 98, 137], [140, 125, 135], [109, 161, 151], [158, 174, 146], [194, 176, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9C6289, #8C7D87, #6DA197, #9EAE92, #C2B088 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: #9c6289; --color-2: #8c7d87; --color-3: #6da197; --color-4: #9eae92; --color-5: #c2b088. 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