← Back to Editor

#85817E · #999285 · #B0B096 · #C3CCAB · #D8E6C1

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

WorkspaceReading

Color Details Color Details

#85817E

Ash · Gray · Warm Gray

HEX
#85817E
RGB
rgb(133, 129, 126)
HSL
hsl(26, 3%, 51%)
HSB
hsb(26, 5%, 52%)
CMYK
cmyk(0%, 3%, 5%, 48%)
Oklch
oklch(60.6% 0.007 59.6)

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

#999285

Ginger · Gray · Silver Sand

HEX
#999285
RGB
rgb(153, 146, 133)
HSL
hsl(39, 9%, 56%)
HSB
hsb(39, 13%, 60%)
CMYK
cmyk(0%, 5%, 13%, 40%)
Oklch
oklch(66.2% 0.021 83.1)

Traditional「Ginger」· Paint「Silver Sand」· Creative Urban Concrete

#B0B096

Fresh Green · DarkGray · Sunflower

HEX
#B0B096
RGB
rgb(176, 176, 150)
HSL
hsl(60, 14%, 64%)
HSB
hsb(60, 15%, 69%)
CMYK
cmyk(0%, 0%, 15%, 31%)
Oklch
oklch(75.0% 0.036 107.2)

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

#C3CCAB

Willow Green · Silver · Apple Green

HEX
#C3CCAB
RGB
rgb(195, 204, 171)
HSL
hsl(76, 24%, 74%)
HSB
hsb(76, 16%, 80%)
CMYK
cmyk(4%, 0%, 16%, 20%)
Oklch
oklch(82.9% 0.046 119.8)

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

#D8E6C1

Willow Green · LightGray · Mint Green

HEX
#D8E6C1
RGB
rgb(216, 230, 193)
HSL
hsl(83, 43%, 83%)
HSB
hsb(83, 16%, 90%)
CMYK
cmyk(6%, 0%, 16%, 10%)
Oklch
oklch(90.5% 0.051 124.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85817E
7E8386

Analogous

867E7F
85817E
86857E

Triadic

85817E
7E8682
827E86

Split-Comp.

85817E
7E8685
7E7F86

Tetradic

85817E
7F867E
7E8386
857E86

Contrast Matrix WCAG 2.1 Contrast

85817E
999285
B0B096
C3CCAB
D8E6C1
—
1.3
Fail
1.7
Fail
2.3
Fail
2.9
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.4
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
2.9
Fail
2.4
Fail
1.7
Fail
1.3
Fail
—
White BG
3.9AA Large
3.1AA Large
2.2Fail
1.7Fail
1.3Fail
Black BG
5.4AA
6.8AA
9.5AAA
12.5AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

83837F
969688
B0B09C
C7C7B3
DEDECA

Deuteranopia

84847F
969789
B0B09E
C6C6B5
DDDCCC

Tritanopia

857F7F
998B8B
B0A1A2
C3B9BB
D9D1D3

Achromatopsia

828282
939393
ADADAD
C6C6C6
DEDEDE

Shades & Tints Shades & Tints

#85817E

Dark
Light

#999285

Dark
Light

#B0B096

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85817e;
  --color-2: #999285;
  --color-3: #b0b096;
  --color-4: #c3ccab;
  --color-5: #d8e6c1;
}

SCSS

$color-1: #85817e;
$color-2: #999285;
$color-3: #b0b096;
$color-4: #c3ccab;
$color-5: #d8e6c1;

TAILWIND

colors: {
  'brand-1': '#85817e',
  'brand-2': '#999285',
  'brand-3': '#b0b096',
  'brand-4': '#c3ccab',
  'brand-5': '#d8e6c1',
}

RGB Array

[133, 129, 126], [153, 146, 133], [176, 176, 150], [195, 204, 171], [216, 230, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85817E, #999285, #B0B096, #C3CCAB, #D8E6C1 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #85817e; --color-2: #999285; --color-3: #b0b096; --color-4: #c3ccab; --color-5: #d8e6c1. 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. 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