← Back to Editor

#D9CEBF · #B1C4C0 · #BAB5AD · #737373 · #C98D81

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

#D9CEBF

Goose Yellow · LightGray · Peach Orange

HEX
#D9CEBF
RGB
rgb(217, 206, 191)
HSL
hsl(35, 25%, 80%)
HSB
hsb(35, 12%, 85%)
CMYK
cmyk(0%, 5%, 12%, 15%)
Oklch
oklch(85.6% 0.024 75.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B1C4C0

Jade · Silver · Lake Green

HEX
#B1C4C0
RGB
rgb(177, 196, 192)
HSL
hsl(167, 14%, 73%)
HSB
hsb(167, 10%, 77%)
CMYK
cmyk(10%, 0%, 2%, 23%)
Oklch
oklch(80.5% 0.021 181.7)

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

#BAB5AD

Ginger · DarkGray · Silver Sand

HEX
#BAB5AD
RGB
rgb(186, 181, 173)
HSL
hsl(37, 9%, 70%)
HSB
hsb(37, 7%, 73%)
CMYK
cmyk(0%, 3%, 7%, 27%)
Oklch
oklch(77.5% 0.013 79.8)

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

#737373

Ink Gray · DimGray · Warm Gray

HEX
#737373
RGB
rgb(115, 115, 115)
HSL
hsl(0, 0%, 45%)
HSB
hsb(0, 0%, 45%)
CMYK
cmyk(0%, 0%, 0%, 55%)
Oklch
oklch(55.6% 0.000 89.9)

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

#C98D81

Peach Pink · DarkSalmon · Coral Red

HEX
#C98D81
RGB
rgb(201, 141, 129)
HSL
hsl(10, 40%, 65%)
HSB
hsb(10, 36%, 79%)
CMYK
cmyk(0%, 30%, 36%, 21%)
Oklch
oklch(69.9% 0.076 31.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9CEBF
BFCAD9

Analogous

D9C1BF
D9CEBF
D7D9BF

Triadic

D9CEBF
BFD9CE
CEBFD9

Split-Comp.

D9CEBF
BFD7D9
C1BFD9

Tetradic

D9CEBF
BFD9C1
BFCAD9
D9BFD7

Contrast Matrix WCAG 2.1 Contrast

D9CEBF
B1C4C0
BAB5AD
737373
C98D81
—
1.2
Fail
1.3
Fail
3.1
AA Large
1.8
Fail
1.2
Fail
—
1.1
Fail
2.6
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
2.3
Fail
1.4
Fail
3.1
AA Large
2.6
Fail
2.3
Fail
—
1.7
Fail
1.8
Fail
1.5
Fail
1.4
Fail
1.7
Fail
—
White BG
1.6Fail
1.8Fail
2.0Fail
4.7AA
2.8Fail
Black BG
13.5AAA
11.5AAA
10.3AAA
4.4AA Large
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4C3
B9B9C1
B8B8AF
737373
AFAE84

Deuteranopia

D5D6C4
B8B7C1
B8B9AF
737373
B3B785

Tritanopia

D8C5C6
B2C2C2
BAB0B1
737373
C68687

Achromatopsia

D0D0D0
BEBEBE
B6B6B6
737373
9E9E9E

Shades & Tints Shades & Tints

#D9CEBF

Dark
Light

#B1C4C0

Dark
Light

#BAB5AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9cebf;
  --color-2: #b1c4c0;
  --color-3: #bab5ad;
  --color-4: #737373;
  --color-5: #c98d81;
}

SCSS

$color-1: #d9cebf;
$color-2: #b1c4c0;
$color-3: #bab5ad;
$color-4: #737373;
$color-5: #c98d81;

TAILWIND

colors: {
  'brand-1': '#d9cebf',
  'brand-2': '#b1c4c0',
  'brand-3': '#bab5ad',
  'brand-4': '#737373',
  'brand-5': '#c98d81',
}

RGB Array

[217, 206, 191], [177, 196, 192], [186, 181, 173], [115, 115, 115], [201, 141, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9CEBF, #B1C4C0, #BAB5AD, #737373, #C98D81 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: #d9cebf; --color-2: #b1c4c0; --color-3: #bab5ad; --color-4: #737373; --color-5: #c98d81. 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