← Back to Editor

#292C3C · #9C9D9B · #C5C0BB · #DED0D7 · #F4DECE

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

WorkspaceReadingData Visualization

Color Details Color Details

#292C3C

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#292C3C
RGB
rgb(41, 44, 60)
HSL
hsl(231, 19%, 20%)
HSB
hsb(231, 32%, 24%)
CMYK
cmyk(32%, 27%, 0%, 76%)
Oklch
oklch(29.7% 0.029 276.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#9C9D9B

Ash · DarkGray · Silver Sand

HEX
#9C9D9B
RGB
rgb(156, 157, 155)
HSL
hsl(90, 1%, 61%)
HSB
hsb(90, 1%, 62%)
CMYK
cmyk(1%, 0%, 1%, 38%)
Oklch
oklch(69.5% 0.003 128.5)

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

#C5C0BB

Goose Yellow · Silver · Pearl Gray

HEX
#C5C0BB
RGB
rgb(197, 192, 187)
HSL
hsl(30, 8%, 75%)
HSB
hsb(30, 5%, 77%)
CMYK
cmyk(0%, 3%, 5%, 23%)
Oklch
oklch(81.0% 0.009 67.7)

Traditional「Goose Yellow」· Paint「Pearl Gray」· Creative Silver Lining

#DED0D7

Rouge · LightGray · Cherry Blossom

HEX
#DED0D7
RGB
rgb(222, 208, 215)
HSL
hsl(330, 18%, 84%)
HSB
hsb(330, 6%, 87%)
CMYK
cmyk(0%, 6%, 3%, 13%)
Oklch
oklch(87.1% 0.018 345.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F4DECE

Apricot · Bisque · Peach Orange

HEX
#F4DECE
RGB
rgb(244, 222, 206)
HSL
hsl(25, 63%, 88%)
HSB
hsb(25, 16%, 96%)
CMYK
cmyk(0%, 9%, 16%, 4%)
Oklch
oklch(91.4% 0.032 58.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

292C3C
3D3A29

Analogous

29363D
292C3C
30293D

Triadic

292C3C
3D292C
2C3D29

Split-Comp.

292C3C
3D3029
363D29

Tetradic

292C3C
3D2936
3D3A29
293D30

Contrast Matrix WCAG 2.1 Contrast

292C3C
9C9D9B
C5C0BB
DED0D7
F4DECE
—
5.1
AA
7.7
AAA
9.3
AAA
10.7
AAA
5.1
AA
—
1.5
Fail
1.8
Fail
2.1
Fail
7.7
AAA
1.5
Fail
—
1.2
Fail
1.4
Fail
9.3
AAA
1.8
Fail
1.2
Fail
—
1.1
Fail
10.7
AAA
2.1
Fail
1.4
Fail
1.1
Fail
—
White BG
13.8AAA
2.7Fail
1.8Fail
1.5Fail
1.3Fail
Black BG
1.5Fail
7.7AAA
11.6AAA
14.1AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A38
9C9C9B
C3C3BC
D8D8D5
EAEAD2

Deuteranopia

2A2A37
9C9C9C
C3C3BD
D9DAD5
ECEDD3

Tritanopia

293534
9C9C9C
C5BDBD
DDD4D4
F3D5D6

Achromatopsia

2D2D2D
9C9C9C
C1C1C1
D5D5D5
E3E3E3

Shades & Tints Shades & Tints

#292C3C

Dark
Light

#9C9D9B

Dark
Light

#C5C0BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #292c3c;
  --color-2: #9c9d9b;
  --color-3: #c5c0bb;
  --color-4: #ded0d7;
  --color-5: #f4dece;
}

SCSS

$color-1: #292c3c;
$color-2: #9c9d9b;
$color-3: #c5c0bb;
$color-4: #ded0d7;
$color-5: #f4dece;

TAILWIND

colors: {
  'brand-1': '#292c3c',
  'brand-2': '#9c9d9b',
  'brand-3': '#c5c0bb',
  'brand-4': '#ded0d7',
  'brand-5': '#f4dece',
}

RGB Array

[41, 44, 60], [156, 157, 155], [197, 192, 187], [222, 208, 215], [244, 222, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #292C3C, #9C9D9B, #C5C0BB, #DED0D7, #F4DECE is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #292c3c; --color-2: #9c9d9b; --color-3: #c5c0bb; --color-4: #ded0d7; --color-5: #f4dece. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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