← Back to Editor

#9D9094 · #D292A3 · #CFBDB7 · #D1D6C6 · #D5E2D6

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

#9D9094

Ash · DarkGray · Silver Sand

HEX
#9D9094
RGB
rgb(157, 144, 148)
HSL
hsl(342, 6%, 59%)
HSB
hsb(342, 8%, 62%)
CMYK
cmyk(0%, 8%, 6%, 38%)
Oklch
oklch(66.6% 0.016 356.9)

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

#D292A3

Rouge · Tan · Rose Pink

HEX
#D292A3
RGB
rgb(210, 146, 163)
HSL
hsl(344, 42%, 70%)
HSB
hsb(344, 30%, 82%)
CMYK
cmyk(0%, 30%, 22%, 18%)
Oklch
oklch(72.8% 0.080 1.9)

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

#CFBDB7

Apricot · Silver · Peach Orange

HEX
#CFBDB7
RGB
rgb(207, 189, 183)
HSL
hsl(15, 20%, 76%)
HSB
hsb(15, 12%, 81%)
CMYK
cmyk(0%, 9%, 12%, 19%)
Oklch
oklch(81.2% 0.022 39.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D1D6C6

Willow Green · LightGray · Mint Green

HEX
#D1D6C6
RGB
rgb(209, 214, 198)
HSL
hsl(79, 16%, 81%)
HSB
hsb(79, 7%, 84%)
CMYK
cmyk(2%, 0%, 7%, 16%)
Oklch
oklch(86.8% 0.022 121.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#D5E2D6

Celadon · LightGray · Mint Green

HEX
#D5E2D6
RGB
rgb(213, 226, 214)
HSL
hsl(125, 18%, 86%)
HSB
hsb(125, 6%, 89%)
CMYK
cmyk(6%, 0%, 5%, 11%)
Oklch
oklch(90.0% 0.021 147.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9D9094
909D99

Analogous

9D909A
9D9094
9D9390

Triadic

9D9094
949D90
90949D

Split-Comp.

9D9094
909D93
909A9D

Tetradic

9D9094
9A9D90
909D99
93909D

Contrast Matrix WCAG 2.1 Contrast

9D9094
D292A3
CFBDB7
D1D6C6
D5E2D6
—
1.2
Fail
1.7
Fail
2.1
Fail
2.3
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
1.9
Fail
1.7
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
2.1
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
2.3
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
White BG
3.1AA Large
2.5Fail
1.8Fail
1.5Fail
1.3Fail
Black BG
6.9AA
8.4AAA
11.6AAA
14.1AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

979793
B6B69F
C7C7B8
D3D3CA
DBDBD9

Deuteranopia

989993
BABF9E
C8CAB9
D3D3CB
DAD9DA

Tritanopia

9C9292
CF9C9B
CEBABA
D1CDCE
D6DBDC

Achromatopsia

949494
A7A7A7
C2C2C2
D3D3D3
DDDDDD

Shades & Tints Shades & Tints

#9D9094

Dark
Light

#D292A3

Dark
Light

#CFBDB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9d9094;
  --color-2: #d292a3;
  --color-3: #cfbdb7;
  --color-4: #d1d6c6;
  --color-5: #d5e2d6;
}

SCSS

$color-1: #9d9094;
$color-2: #d292a3;
$color-3: #cfbdb7;
$color-4: #d1d6c6;
$color-5: #d5e2d6;

TAILWIND

colors: {
  'brand-1': '#9d9094',
  'brand-2': '#d292a3',
  'brand-3': '#cfbdb7',
  'brand-4': '#d1d6c6',
  'brand-5': '#d5e2d6',
}

RGB Array

[157, 144, 148], [210, 146, 163], [207, 189, 183], [209, 214, 198], [213, 226, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9D9094, #D292A3, #CFBDB7, #D1D6C6, #D5E2D6 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: #9d9094; --color-2: #d292a3; --color-3: #cfbdb7; --color-4: #d1d6c6; --color-5: #d5e2d6. 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