← Back to Editor

#9C5F88 · #8E897E · #9DC2B1 · #E6EBC0 · #F5F1DE

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

WorkspaceReadingData Visualization

Color Details Color Details

#9C5F88

Rose Purple · Gray · Camellia

HEX
#9C5F88
RGB
rgb(156, 95, 136)
HSL
hsl(320, 24%, 49%)
HSB
hsb(320, 39%, 61%)
CMYK
cmyk(0%, 39%, 13%, 39%)
Oklch
oklch(56.7% 0.096 340.2)

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

#8E897E

Ash · Gray · Warm Gray

HEX
#8E897E
RGB
rgb(142, 137, 126)
HSL
hsl(41, 7%, 53%)
HSB
hsb(41, 11%, 56%)
CMYK
cmyk(0%, 4%, 11%, 44%)
Oklch
oklch(63.1% 0.017 86.5)

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

#9DC2B1

Jade · DarkGray · Apple Green

HEX
#9DC2B1
RGB
rgb(157, 194, 177)
HSL
hsl(152, 23%, 69%)
HSB
hsb(152, 19%, 76%)
CMYK
cmyk(19%, 0%, 9%, 24%)
Oklch
oklch(78.2% 0.046 165.6)

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

#E6EBC0

Fresh Green · Wheat · Lemon Cream

HEX
#E6EBC0
RGB
rgb(230, 235, 192)
HSL
hsl(67, 52%, 84%)
HSB
hsb(67, 18%, 92%)
CMYK
cmyk(2%, 0%, 18%, 8%)
Oklch
oklch(92.5% 0.057 112.9)

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

#F5F1DE

Fresh Green · Beige · Lemon Cream

HEX
#F5F1DE
RGB
rgb(245, 241, 222)
HSL
hsl(50, 53%, 92%)
HSB
hsb(50, 9%, 96%)
CMYK
cmyk(0%, 2%, 9%, 4%)
Oklch
oklch(95.6% 0.025 97.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C5F88
5F9B73

Analogous

915F9B
9C5F88
9B5F69

Triadic

9C5F88
879B5F
5F879B

Split-Comp.

9C5F88
699B5F
5F9B91

Tetradic

9C5F88
9B915F
5F9B73
5F699B

Contrast Matrix WCAG 2.1 Contrast

9C5F88
8E897E
9DC2B1
E6EBC0
F5F1DE
—
1.4
Fail
2.4
Fail
3.9
AA Large
4.2
AA Large
1.4
Fail
—
1.8
Fail
2.8
Fail
3.1
AA Large
2.4
Fail
1.8
Fail
—
1.6
Fail
1.7
Fail
3.9
AA Large
2.8
Fail
1.6
Fail
—
1.1
Fail
4.2
AA Large
3.1
AA Large
1.7
Fail
1.1
Fail
—
White BG
4.8AA
3.5AA Large
1.9Fail
1.2Fail
1.1Fail
Black BG
4.4AA Large
6.0AA
10.8AAA
17.0AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

82817E
8C8C81
ADADB5
E8E8CA
F3F3E3

Deuteranopia

858A7C
8C8D81
ABA8B6
E8E8CD
F4F4E4

Tritanopia

997675
8E8383
9FB8B9
E6D3D4
F5E6E7

Achromatopsia

767676
898989
B5B5B5
E5E5E5
F0F0F0

Shades & Tints Shades & Tints

#9C5F88

Dark
Light

#8E897E

Dark
Light

#9DC2B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c5f88;
  --color-2: #8e897e;
  --color-3: #9dc2b1;
  --color-4: #e6ebc0;
  --color-5: #f5f1de;
}

SCSS

$color-1: #9c5f88;
$color-2: #8e897e;
$color-3: #9dc2b1;
$color-4: #e6ebc0;
$color-5: #f5f1de;

TAILWIND

colors: {
  'brand-1': '#9c5f88',
  'brand-2': '#8e897e',
  'brand-3': '#9dc2b1',
  'brand-4': '#e6ebc0',
  'brand-5': '#f5f1de',
}

RGB Array

[156, 95, 136], [142, 137, 126], [157, 194, 177], [230, 235, 192], [245, 241, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9C5F88, #8E897E, #9DC2B1, #E6EBC0, #F5F1DE is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9c5f88; --color-2: #8e897e; --color-3: #9dc2b1; --color-4: #e6ebc0; --color-5: #f5f1de. 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 tech, SaaS, healthcare, eco industries. 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