← Back to Editor

#D6D5CC · #ADD0B3 · #C1B098 · #D29296 · #9A8595

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

#D6D5CC

Fresh Green · LightGray · Lemon Cream

HEX
#D6D5CC
RGB
rgb(214, 213, 204)
HSL
hsl(54, 11%, 82%)
HSB
hsb(54, 5%, 84%)
CMYK
cmyk(0%, 0%, 5%, 16%)
Oklch
oklch(87.1% 0.012 101.5)

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

#ADD0B3

Celadon · Silver · Apple Green

HEX
#ADD0B3
RGB
rgb(173, 208, 179)
HSL
hsl(130, 27%, 75%)
HSB
hsb(130, 17%, 82%)
CMYK
cmyk(17%, 0%, 14%, 18%)
Oklch
oklch(82.4% 0.055 150.0)

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

#C1B098

Ginger · Tan · Warm Sun

HEX
#C1B098
RGB
rgb(193, 176, 152)
HSL
hsl(35, 25%, 68%)
HSB
hsb(35, 21%, 76%)
CMYK
cmyk(0%, 9%, 21%, 24%)
Oklch
oklch(76.5% 0.038 76.5)

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

#D29296

Peach Pink · Tan · Coral Red

HEX
#D29296
RGB
rgb(210, 146, 150)
HSL
hsl(356, 42%, 70%)
HSB
hsb(356, 30%, 82%)
CMYK
cmyk(0%, 30%, 29%, 18%)
Oklch
oklch(72.4% 0.078 15.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#9A8595

Rose Purple · Gray · Silver Sand

HEX
#9A8595
RGB
rgb(154, 133, 149)
HSL
hsl(314, 9%, 56%)
HSB
hsb(314, 14%, 60%)
CMYK
cmyk(0%, 14%, 3%, 40%)
Oklch
oklch(64.1% 0.034 334.3)

Traditional「Rose Purple」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6D5CC
CCCDD6

Analogous

D6D0CC
D6D5CC
D2D6CC

Triadic

D6D5CC
CCD6D5
D5CCD6

Split-Comp.

D6D5CC
CCD2D6
D0CCD6

Tetradic

D6D5CC
CCD6D0
CCCDD6
D6CCD2

Contrast Matrix WCAG 2.1 Contrast

D6D5CC
ADD0B3
C1B098
D29296
9A8595
—
1.1
Fail
1.4
Fail
1.7
Fail
2.3
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.3
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
1.5Fail
1.7Fail
2.1Fail
2.5Fail
3.4AA Large
Black BG
14.2AAA
12.5AAA
9.9AAA
8.3AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6CE
BCBCBA
BAB99E
B6B695
919191

Deuteranopia

D6D6CF
BAB8BC
BBBC9F
BABF95
929490

Tritanopia

D6D0D0
AFC0C1
C0A2A3
CF9494
998E8D

Achromatopsia

D4D4D4
C2C2C2
B2B2B2
A6A6A6
8D8D8D

Shades & Tints Shades & Tints

#D6D5CC

Dark
Light

#ADD0B3

Dark
Light

#C1B098

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6d5cc;
  --color-2: #add0b3;
  --color-3: #c1b098;
  --color-4: #d29296;
  --color-5: #9a8595;
}

SCSS

$color-1: #d6d5cc;
$color-2: #add0b3;
$color-3: #c1b098;
$color-4: #d29296;
$color-5: #9a8595;

TAILWIND

colors: {
  'brand-1': '#d6d5cc',
  'brand-2': '#add0b3',
  'brand-3': '#c1b098',
  'brand-4': '#d29296',
  'brand-5': '#9a8595',
}

RGB Array

[214, 213, 204], [173, 208, 179], [193, 176, 152], [210, 146, 150], [154, 133, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6D5CC, #ADD0B3, #C1B098, #D29296, #9A8595 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: #d6d5cc; --color-2: #add0b3; --color-3: #c1b098; --color-4: #d29296; --color-5: #9a8595. 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