← Back to Editor

#D6CDC3 · #CF9FB0 · #988A99 · #A7B59C · #C4B687

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6CDC3

Goose Yellow · LightGray · Peach Orange

HEX
#D6CDC3
RGB
rgb(214, 205, 195)
HSL
hsl(32, 19%, 80%)
HSB
hsb(32, 9%, 84%)
CMYK
cmyk(0%, 4%, 9%, 16%)
Oklch
oklch(85.3% 0.017 70.5)

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

#CF9FB0

Rouge · Silver · Rose Pink

HEX
#CF9FB0
RGB
rgb(207, 159, 176)
HSL
hsl(339, 33%, 72%)
HSB
hsb(339, 23%, 81%)
CMYK
cmyk(0%, 23%, 15%, 19%)
Oklch
oklch(75.2% 0.061 355.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#988A99

Ash · LightSlateGray · Silver Sand

HEX
#988A99
RGB
rgb(152, 138, 153)
HSL
hsl(296, 7%, 57%)
HSB
hsb(296, 10%, 60%)
CMYK
cmyk(1%, 10%, 0%, 40%)
Oklch
oklch(65.1% 0.027 323.9)

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

#A7B59C

Celadon · DarkGray · Apple Green

HEX
#A7B59C
RGB
rgb(167, 181, 156)
HSL
hsl(94, 14%, 66%)
HSB
hsb(94, 14%, 71%)
CMYK
cmyk(8%, 0%, 14%, 29%)
Oklch
oklch(75.5% 0.038 131.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#C4B687

Ginger · Tan · Sunflower

HEX
#C4B687
RGB
rgb(196, 182, 135)
HSL
hsl(46, 34%, 65%)
HSB
hsb(46, 31%, 77%)
CMYK
cmyk(0%, 7%, 31%, 23%)
Oklch
oklch(77.6% 0.065 93.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6CDC3
C2CBD6

Analogous

D6C3C2
D6CDC3
D5D6C2

Triadic

D6CDC3
C2D6CD
CDC2D6

Split-Comp.

D6CDC3
C2D5D6
C3C2D6

Tetradic

D6CDC3
C2D6C3
C2CBD6
D6C2D5

Contrast Matrix WCAG 2.1 Contrast

D6CDC3
CF9FB0
988A99
A7B59C
C4B687
—
1.4
Fail
2.1
Fail
1.4
Fail
1.3
Fail
1.4
Fail
—
1.4
Fail
1.1
Fail
1.1
Fail
2.1
Fail
1.4
Fail
—
1.5
Fail
1.6
Fail
1.4
Fail
1.1
Fail
1.5
Fail
—
1.1
Fail
1.3
Fail
1.1
Fail
1.6
Fail
1.1
Fail
—
White BG
1.6Fail
2.3Fail
3.3AA Large
2.2Fail
2.0Fail
Black BG
13.4AAA
9.2AAA
6.4AA
9.7AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2C5
BABAAC
929295
ADADA2
BEBE92

Deuteranopia

D3D3C6
BDC1AB
939495
ACABA4
BFC095

Tritanopia

D6C7C8
CDA9A8
979392
A8A7A8
C39B9D

Achromatopsia

CFCFCF
AFAFAF
909090
AEAEAE
B5B5B5

Shades & Tints Shades & Tints

#D6CDC3

Dark
Light

#CF9FB0

Dark
Light

#988A99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6cdc3;
  --color-2: #cf9fb0;
  --color-3: #988a99;
  --color-4: #a7b59c;
  --color-5: #c4b687;
}

SCSS

$color-1: #d6cdc3;
$color-2: #cf9fb0;
$color-3: #988a99;
$color-4: #a7b59c;
$color-5: #c4b687;

TAILWIND

colors: {
  'brand-1': '#d6cdc3',
  'brand-2': '#cf9fb0',
  'brand-3': '#988a99',
  'brand-4': '#a7b59c',
  'brand-5': '#c4b687',
}

RGB Array

[214, 205, 195], [207, 159, 176], [152, 138, 153], [167, 181, 156], [196, 182, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6CDC3, #CF9FB0, #988A99, #A7B59C, #C4B687 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: #d6cdc3; --color-2: #cf9fb0; --color-3: #988a99; --color-4: #a7b59c; --color-5: #c4b687. 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