← Back to Editor

#D9DAB2 · #899184 · #C39876 · #C5BFCB · #6C676D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D9DAB2

Fresh Green · Wheat · Lemon Cream

HEX
#D9DAB2
RGB
rgb(217, 218, 178)
HSL
hsl(61, 35%, 78%)
HSB
hsb(61, 18%, 85%)
CMYK
cmyk(0%, 0%, 18%, 15%)
Oklch
oklch(87.7% 0.053 108.6)

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

#899184

Ash · Gray · Warm Gray

HEX
#899184
RGB
rgb(137, 145, 132)
HSL
hsl(97, 6%, 54%)
HSB
hsb(97, 9%, 57%)
CMYK
cmyk(6%, 0%, 9%, 43%)
Oklch
oklch(64.6% 0.021 133.2)

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

#C39876

Apricot · DarkSalmon · Warm Sun

HEX
#C39876
RGB
rgb(195, 152, 118)
HSL
hsl(26, 39%, 61%)
HSB
hsb(26, 39%, 76%)
CMYK
cmyk(0%, 22%, 39%, 24%)
Oklch
oklch(71.2% 0.070 59.7)

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

#C5BFCB

Lilac · Silver · Lilac Purple

HEX
#C5BFCB
RGB
rgb(197, 191, 203)
HSL
hsl(270, 10%, 77%)
HSB
hsb(270, 6%, 80%)
CMYK
cmyk(3%, 6%, 0%, 20%)
Oklch
oklch(81.3% 0.018 308.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#6C676D

Ink Gray · DimGray · Warm Gray

HEX
#6C676D
RGB
rgb(108, 103, 109)
HSL
hsl(290, 3%, 42%)
HSB
hsb(290, 6%, 43%)
CMYK
cmyk(1%, 6%, 0%, 57%)
Oklch
oklch(52.0% 0.011 320.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9DAB2
B4B3DB

Analogous

DBC8B3
D9DAB2
C6DBB3

Triadic

D9DAB2
B3DADB
DBB3DA

Split-Comp.

D9DAB2
B3C6DB
C8B3DB

Tetradic

D9DAB2
B3DBC8
B4B3DB
DBB3C6

Contrast Matrix WCAG 2.1 Contrast

D9DAB2
899184
C39876
C5BFCB
6C676D
—
2.3
Fail
1.8
Fail
1.3
Fail
3.8
AA Large
2.3
Fail
—
1.3
Fail
1.8
Fail
1.7
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
2.1
Fail
1.3
Fail
1.8
Fail
1.4
Fail
—
3.1
AA Large
3.8
AA Large
1.7
Fail
2.1
Fail
3.1
AA Large
—
White BG
1.4Fail
3.3AA Large
2.6Fail
1.8Fail
5.5AA
Black BG
14.6AAA
6.4AA
8.1AAA
11.7AAA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9BC
8C8D87
B0B07E
C2C2C8
6A6A6C

Deuteranopia

D9D9BE
8C8B88
B3B680
C3C3C7
6A6B6B

Tritanopia

D9C3C5
898A8A
C18586
C5C6C5
6C6A6A

Achromatopsia

D5D5D5
8D8D8D
A1A1A1
C2C2C2
696969

Shades & Tints Shades & Tints

#D9DAB2

Dark
Light

#899184

Dark
Light

#C39876

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9dab2;
  --color-2: #899184;
  --color-3: #c39876;
  --color-4: #c5bfcb;
  --color-5: #6c676d;
}

SCSS

$color-1: #d9dab2;
$color-2: #899184;
$color-3: #c39876;
$color-4: #c5bfcb;
$color-5: #6c676d;

TAILWIND

colors: {
  'brand-1': '#d9dab2',
  'brand-2': '#899184',
  'brand-3': '#c39876',
  'brand-4': '#c5bfcb',
  'brand-5': '#6c676d',
}

RGB Array

[217, 218, 178], [137, 145, 132], [195, 152, 118], [197, 191, 203], [108, 103, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9DAB2, #899184, #C39876, #C5BFCB, #6C676D 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: #d9dab2; --color-2: #899184; --color-3: #c39876; --color-4: #c5bfcb; --color-5: #6c676d. 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