← Back to Editor

#D8AC9E · #998A7F · #95928F · #98A093 · #9BB0AD

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

#D8AC9E

Peach Pink · Tan · Coral Red

HEX
#D8AC9E
RGB
rgb(216, 172, 158)
HSL
hsl(14, 43%, 73%)
HSB
hsb(14, 27%, 85%)
CMYK
cmyk(0%, 20%, 27%, 15%)
Oklch
oklch(78.0% 0.056 38.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#998A7F

Tangerine · Gray · Warm Sun

HEX
#998A7F
RGB
rgb(153, 138, 127)
HSL
hsl(25, 11%, 55%)
HSB
hsb(25, 17%, 60%)
CMYK
cmyk(0%, 10%, 17%, 40%)
Oklch
oklch(64.4% 0.024 58.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#95928F

Ash · Gray · Silver Sand

HEX
#95928F
RGB
rgb(149, 146, 143)
HSL
hsl(30, 3%, 57%)
HSB
hsb(30, 4%, 58%)
CMYK
cmyk(0%, 2%, 4%, 42%)
Oklch
oklch(66.2% 0.006 67.7)

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

#98A093

Ash · DarkGray · Silver Sand

HEX
#98A093
RGB
rgb(152, 160, 147)
HSL
hsl(97, 6%, 60%)
HSB
hsb(97, 8%, 63%)
CMYK
cmyk(5%, 0%, 8%, 37%)
Oklch
oklch(69.5% 0.021 133.1)

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

#9BB0AD

Jade · DarkGray · Lake Green

HEX
#9BB0AD
RGB
rgb(155, 176, 173)
HSL
hsl(171, 12%, 65%)
HSB
hsb(171, 12%, 69%)
CMYK
cmyk(12%, 0%, 2%, 31%)
Oklch
oklch(74.0% 0.024 186.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8AC9E
9DCAD8

Analogous

D89DAC
D8AC9E
D8C89D

Triadic

D8AC9E
9DD8AA
AA9DD8

Split-Comp.

D8AC9E
9DD8C8
9DACD8

Tetradic

D8AC9E
ACD89D
9DCAD8
C89DD8

Contrast Matrix WCAG 2.1 Contrast

D8AC9E
998A7F
95928F
98A093
9BB0AD
—
1.6
Fail
1.5
Fail
1.3
Fail
1.1
Fail
1.6
Fail
—
1.1
Fail
1.2
Fail
1.5
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
White BG
2.0Fail
3.3AA Large
3.1AA Large
2.7Fail
2.3Fail
Black BG
10.3AAA
6.3AA
6.8AA
7.8AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5A1
939282
949490
9B9C96
A4A4AE

Deuteranopia

C8CBA2
939582
949490
9B9A97
A3A1AE

Tritanopia

D6A4A5
988484
959090
989999
9CAEAE

Achromatopsia

B8B8B8
8D8D8D
939393
9C9C9C
A9A9A9

Shades & Tints Shades & Tints

#D8AC9E

Dark
Light

#998A7F

Dark
Light

#95928F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8ac9e;
  --color-2: #998a7f;
  --color-3: #95928f;
  --color-4: #98a093;
  --color-5: #9bb0ad;
}

SCSS

$color-1: #d8ac9e;
$color-2: #998a7f;
$color-3: #95928f;
$color-4: #98a093;
$color-5: #9bb0ad;

TAILWIND

colors: {
  'brand-1': '#d8ac9e',
  'brand-2': '#998a7f',
  'brand-3': '#95928f',
  'brand-4': '#98a093',
  'brand-5': '#9bb0ad',
}

RGB Array

[216, 172, 158], [153, 138, 127], [149, 146, 143], [152, 160, 147], [155, 176, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8AC9E, #998A7F, #95928F, #98A093, #9BB0AD 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: #d8ac9e; --color-2: #998a7f; --color-3: #95928f; --color-4: #98a093; --color-5: #9bb0ad. 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