← Back to Editor

#8C959C · #ACB5AC · #E8D4CA · #667394 · #C7B49F

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

WorkspaceReading

Color Details Color Details

#8C959C

Ash · LightSlateGray · Silver Sand

HEX
#8C959C
RGB
rgb(140, 149, 156)
HSL
hsl(206, 7%, 58%)
HSB
hsb(206, 10%, 61%)
CMYK
cmyk(10%, 4%, 0%, 39%)
Oklch
oklch(66.5% 0.015 241.1)

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

#ACB5AC

Ash · DarkGray · Silver Sand

HEX
#ACB5AC
RGB
rgb(172, 181, 172)
HSL
hsl(120, 6%, 69%)
HSB
hsb(120, 5%, 71%)
CMYK
cmyk(5%, 0%, 5%, 29%)
Oklch
oklch(76.3% 0.016 145.4)

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

#E8D4CA

Apricot · LightGray · Peach Orange

HEX
#E8D4CA
RGB
rgb(232, 212, 202)
HSL
hsl(20, 39%, 85%)
HSB
hsb(20, 13%, 91%)
CMYK
cmyk(0%, 9%, 13%, 9%)
Oklch
oklch(88.4% 0.026 48.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#667394

Indigo · SlateGray · Navy Blue

HEX
#667394
RGB
rgb(102, 115, 148)
HSL
hsl(223, 18%, 49%)
HSB
hsb(223, 31%, 58%)
CMYK
cmyk(31%, 22%, 0%, 42%)
Oklch
oklch(55.7% 0.054 267.9)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#C7B49F

Ginger · Tan · Warm Sun

HEX
#C7B49F
RGB
rgb(199, 180, 159)
HSL
hsl(32, 26%, 70%)
HSB
hsb(32, 20%, 78%)
CMYK
cmyk(0%, 10%, 20%, 22%)
Oklch
oklch(78.0% 0.036 70.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C959C
9B938C

Analogous

8C9B9A
8C959C
8C8D9B

Triadic

8C959C
9B8C95
959B8C

Split-Comp.

8C959C
9B8C8D
9B9A8C

Tetradic

8C959C
9A8C9B
9B938C
8D9B8C

Contrast Matrix WCAG 2.1 Contrast

8C959C
ACB5AC
E8D4CA
667394
C7B49F
—
1.4
Fail
2.1
Fail
1.6
Fail
1.5
Fail
1.4
Fail
—
1.5
Fail
2.2
Fail
1.1
Fail
2.1
Fail
1.5
Fail
—
3.3
AA Large
1.4
Fail
1.6
Fail
2.2
Fail
3.3
AA Large
—
2.4
Fail
1.5
Fail
1.1
Fail
1.4
Fail
2.4
Fail
—
White BG
3.0AA Large
2.1Fail
1.4Fail
4.7AA
2.0Fail
Black BG
6.9AA
10.0AAA
14.7AAA
4.4AA Large
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

90909A
B0B0AE
DFDFCC
6C6C8C
BFBFA4

Deuteranopia

8F8F9A
AFAFAF
E1E2CD
6B6A8A
C0C1A5

Tritanopia

8C9999
ACB0B0
E7CECF
678684
C6A8A9

Achromatopsia

939393
B1B1B1
D9D9D9
737373
B7B7B7

Shades & Tints Shades & Tints

#8C959C

Dark
Light

#ACB5AC

Dark
Light

#E8D4CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c959c;
  --color-2: #acb5ac;
  --color-3: #e8d4ca;
  --color-4: #667394;
  --color-5: #c7b49f;
}

SCSS

$color-1: #8c959c;
$color-2: #acb5ac;
$color-3: #e8d4ca;
$color-4: #667394;
$color-5: #c7b49f;

TAILWIND

colors: {
  'brand-1': '#8c959c',
  'brand-2': '#acb5ac',
  'brand-3': '#e8d4ca',
  'brand-4': '#667394',
  'brand-5': '#c7b49f',
}

RGB Array

[140, 149, 156], [172, 181, 172], [232, 212, 202], [102, 115, 148], [199, 180, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8C959C, #ACB5AC, #E8D4CA, #667394, #C7B49F 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: #8c959c; --color-2: #acb5ac; --color-3: #e8d4ca; --color-4: #667394; --color-5: #c7b49f. 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