← Back to Editor

#C4C2BE · #FCDACA · #FCF5E8 · #F0E4C9 · #454544

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

WorkspaceReadingData Visualization

Color Details Color Details

#C4C2BE

Silver Gray · Silver · Pearl Gray

HEX
#C4C2BE
RGB
rgb(196, 194, 190)
HSL
hsl(40, 5%, 76%)
HSB
hsb(40, 3%, 77%)
CMYK
cmyk(0%, 1%, 3%, 23%)
Oklch
oklch(81.5% 0.006 84.6)

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

#FCDACA

Apricot · Bisque · Peach Orange

HEX
#FCDACA
RGB
rgb(252, 218, 202)
HSL
hsl(19, 89%, 89%)
HSB
hsb(19, 20%, 99%)
CMYK
cmyk(0%, 13%, 20%, 1%)
Oklch
oklch(91.3% 0.044 46.7)

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

#FCF5E8

Goose Yellow · Linen · Peach Orange

HEX
#FCF5E8
RGB
rgb(252, 245, 232)
HSL
hsl(39, 77%, 95%)
HSB
hsb(39, 8%, 99%)
CMYK
cmyk(0%, 3%, 8%, 1%)
Oklch
oklch(97.2% 0.019 83.1)

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

#F0E4C9

Goose Yellow · Bisque · Lemon Cream

HEX
#F0E4C9
RGB
rgb(240, 228, 201)
HSL
hsl(42, 57%, 86%)
HSB
hsb(42, 16%, 94%)
CMYK
cmyk(0%, 5%, 16%, 6%)
Oklch
oklch(92.1% 0.038 86.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#454544

Dark Cyan · DarkSlateGray · Charcoal

HEX
#454544
RGB
rgb(69, 69, 68)
HSL
hsl(60, 1%, 27%)
HSB
hsb(60, 1%, 27%)
CMYK
cmyk(0%, 0%, 1%, 73%)
Oklch
oklch(39.0% 0.002 106.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4C2BE
BFC1C5

Analogous

C5C0BF
C4C2BE
C4C5BF

Triadic

C4C2BE
BFC5C3
C3BFC5

Split-Comp.

C4C2BE
BFC4C5
C0BFC5

Tetradic

C4C2BE
BFC5C0
BFC1C5
C5BFC4

Contrast Matrix WCAG 2.1 Contrast

C4C2BE
FCDACA
FCF5E8
F0E4C9
454544
—
1.4
Fail
1.6
Fail
1.4
Fail
5.4
AA
1.4
Fail
—
1.2
Fail
1.0
Fail
7.3
AAA
1.6
Fail
1.2
Fail
—
1.2
Fail
8.9
AAA
1.4
Fail
1.0
Fail
1.2
Fail
—
7.6
AAA
5.4
AA
7.3
AAA
8.9
AAA
7.6
AAA
—
White BG
1.8Fail
1.3Fail
1.1Fail
1.3Fail
9.6AAA
Black BG
11.8AAA
16.0AAA
19.4AAA
16.6AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3BF
EDEDCE
F9F9EB
EBEBD0
454544

Deuteranopia

C3C3BF
EFF2CF
F9FAEC
ECECD1
454544

Tritanopia

C4C0C0
FAD1D2
FCEEEE
EFD5D6
454444

Achromatopsia

C2C2C2
E2E2E2
F6F6F6
E5E5E5
454545

Shades & Tints Shades & Tints

#C4C2BE

Dark
Light

#FCDACA

Dark
Light

#FCF5E8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4c2be;
  --color-2: #fcdaca;
  --color-3: #fcf5e8;
  --color-4: #f0e4c9;
  --color-5: #454544;
}

SCSS

$color-1: #c4c2be;
$color-2: #fcdaca;
$color-3: #fcf5e8;
$color-4: #f0e4c9;
$color-5: #454544;

TAILWIND

colors: {
  'brand-1': '#c4c2be',
  'brand-2': '#fcdaca',
  'brand-3': '#fcf5e8',
  'brand-4': '#f0e4c9',
  'brand-5': '#454544',
}

RGB Array

[196, 194, 190], [252, 218, 202], [252, 245, 232], [240, 228, 201], [69, 69, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4C2BE, #FCDACA, #FCF5E8, #F0E4C9, #454544 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c4c2be; --color-2: #fcdaca; --color-3: #fcf5e8; --color-4: #f0e4c9; --color-5: #454544. 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 tech, SaaS, healthcare, eco industries. 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