← Back to Editor

#9EA6A8 · #6A7A70 · #858667 · #B4B68B · #DBDBC7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9EA6A8

Ash · DarkGray · Silver Sand

HEX
#9EA6A8
RGB
rgb(158, 166, 168)
HSL
hsl(192, 5%, 64%)
HSB
hsb(192, 6%, 66%)
CMYK
cmyk(6%, 1%, 0%, 34%)
Oklch
oklch(71.9% 0.010 214.4)

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

#6A7A70

Ink Gray · DimGray · Warm Gray

HEX
#6A7A70
RGB
rgb(106, 122, 112)
HSL
hsl(142, 7%, 45%)
HSB
hsb(142, 13%, 48%)
CMYK
cmyk(13%, 0%, 8%, 52%)
Oklch
oklch(56.3% 0.024 158.1)

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

#858667

Autumn Sage · Gray · Honey Gold

HEX
#858667
RGB
rgb(133, 134, 103)
HSL
hsl(62, 13%, 46%)
HSB
hsb(62, 23%, 53%)
CMYK
cmyk(1%, 0%, 23%, 47%)
Oklch
oklch(61.1% 0.045 109.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#B4B68B

Fresh Green · Tan · Sunflower

HEX
#B4B68B
RGB
rgb(180, 182, 139)
HSL
hsl(63, 23%, 63%)
HSB
hsb(63, 24%, 71%)
CMYK
cmyk(1%, 0%, 24%, 29%)
Oklch
oklch(76.4% 0.059 109.9)

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

#DBDBC7

Fresh Green · LightGray · Lemon Cream

HEX
#DBDBC7
RGB
rgb(219, 219, 199)
HSL
hsl(60, 22%, 82%)
HSB
hsb(60, 9%, 86%)
CMYK
cmyk(0%, 0%, 9%, 14%)
Oklch
oklch(88.6% 0.027 106.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9EA6A8
A8A09F

Analogous

9FA8A5
9EA6A8
9FA1A8

Triadic

9EA6A8
A89FA6
A6A89F

Split-Comp.

9EA6A8
A89FA1
A8A59F

Tetradic

9EA6A8
A59FA8
A8A09F
A1A89F

Contrast Matrix WCAG 2.1 Contrast

9EA6A8
6A7A70
858667
B4B68B
DBDBC7
—
1.8
Fail
1.5
Fail
1.2
Fail
1.8
Fail
1.8
Fail
—
1.2
Fail
2.2
Fail
3.2
AA Large
1.5
Fail
1.2
Fail
—
1.8
Fail
2.7
Fail
1.2
Fail
2.2
Fail
1.8
Fail
—
1.5
Fail
1.8
Fail
3.2
AA Large
2.7
Fail
1.5
Fail
—
White BG
2.5Fail
4.5AA
3.7AA Large
2.1Fail
1.4Fail
Black BG
8.5AAA
4.6AA
5.6AA
10.0AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2A8
717172
85856F
B5B595
DBDBCC

Deuteranopia

A1A0A7
706F73
858570
B5B598
DBDBCD

Tritanopia

9EA7A7
6B7475
857476
B49E9F
DBD0D1

Achromatopsia

A4A4A4
747474
828282
B1B1B1
D9D9D9

Shades & Tints Shades & Tints

#9EA6A8

Dark
Light

#6A7A70

Dark
Light

#858667

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9ea6a8;
  --color-2: #6a7a70;
  --color-3: #858667;
  --color-4: #b4b68b;
  --color-5: #dbdbc7;
}

SCSS

$color-1: #9ea6a8;
$color-2: #6a7a70;
$color-3: #858667;
$color-4: #b4b68b;
$color-5: #dbdbc7;

TAILWIND

colors: {
  'brand-1': '#9ea6a8',
  'brand-2': '#6a7a70',
  'brand-3': '#858667',
  'brand-4': '#b4b68b',
  'brand-5': '#dbdbc7',
}

RGB Array

[158, 166, 168], [106, 122, 112], [133, 134, 103], [180, 182, 139], [219, 219, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9EA6A8, #6A7A70, #858667, #B4B68B, #DBDBC7 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: #9ea6a8; --color-2: #6a7a70; --color-3: #858667; --color-4: #b4b68b; --color-5: #dbdbc7. 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