← Back to Editor

#FCF2E6 · #D4D4D2 · #F4BDB8 · #FE588A · #433944

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

#FCF2E6

Goose Yellow · Linen · Peach Orange

HEX
#FCF2E6
RGB
rgb(252, 242, 230)
HSL
hsl(33, 79%, 95%)
HSB
hsb(33, 9%, 99%)
CMYK
cmyk(0%, 4%, 9%, 1%)
Oklch
oklch(96.6% 0.019 72.6)

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

#D4D4D2

Silver Gray · LightGray · Pearl Gray

HEX
#D4D4D2
RGB
rgb(212, 212, 210)
HSL
hsl(60, 2%, 83%)
HSB
hsb(60, 1%, 83%)
CMYK
cmyk(0%, 0%, 1%, 17%)
Oklch
oklch(86.9% 0.003 106.5)

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

#F4BDB8

Peach Pink · LightPink · Cherry Blossom

HEX
#F4BDB8
RGB
rgb(244, 189, 184)
HSL
hsl(5, 73%, 84%)
HSB
hsb(5, 25%, 96%)
CMYK
cmyk(0%, 23%, 25%, 4%)
Oklch
oklch(84.6% 0.064 24.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FE588A

Rouge · LightCoral · Rose Pink

HEX
#FE588A
RGB
rgb(254, 88, 138)
HSL
hsl(342, 99%, 67%)
HSB
hsb(342, 65%, 100%)
CMYK
cmyk(0%, 65%, 46%, 0%)
Oklch
oklch(69.5% 0.204 5.8)

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

#433944

Dark Plum · DarkSlateGray · Dark Stone

HEX
#433944
RGB
rgb(67, 57, 68)
HSL
hsl(295, 9%, 25%)
HSB
hsb(295, 16%, 27%)
CMYK
cmyk(1%, 16%, 0%, 73%)
Oklch
oklch(35.9% 0.023 323.2)

Traditional「Dark Plum」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF2E6
E8F1FC

Analogous

FCE9E8
FCF2E6
FBFCE8

Triadic

FCF2E6
E8FCF3
F3E8FC

Split-Comp.

FCF2E6
E8FBFC
E9E8FC

Tetradic

FCF2E6
E8FCE9
E8F1FC
FCE8FB

Contrast Matrix WCAG 2.1 Contrast

FCF2E6
D4D4D2
F4BDB8
FE588A
433944
—
1.3
Fail
1.5
Fail
2.7
Fail
10.0
AAA
1.3
Fail
—
1.1
Fail
2.0
Fail
7.4
AAA
1.5
Fail
1.1
Fail
—
1.8
Fail
6.7
AA
2.7
Fail
2.0
Fail
1.8
Fail
—
3.7
AA Large
10.0
AAA
7.4
AAA
6.7
AA
3.7
AA Large
—
White BG
1.1Fail
1.5Fail
1.6Fail
3.0AA Large
11.0AAA
Black BG
19.0AAA
14.1AAA
12.8AAA
7.0AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8E9
D4D4D2
DCDCB9
B6B57E
3F3F41

Deuteranopia

F8F9EA
D4D4D3
DFE3B9
C0CC7B
3F4041

Tritanopia

FBEBEC
D4D3D3
F1BABA
F67472
433F3F

Achromatopsia

F4F4F4
D4D4D4
CDCDCD
8F8F8F
3D3D3D

Shades & Tints Shades & Tints

#FCF2E6

Dark
Light

#D4D4D2

Dark
Light

#F4BDB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf2e6;
  --color-2: #d4d4d2;
  --color-3: #f4bdb8;
  --color-4: #fe588a;
  --color-5: #433944;
}

SCSS

$color-1: #fcf2e6;
$color-2: #d4d4d2;
$color-3: #f4bdb8;
$color-4: #fe588a;
$color-5: #433944;

TAILWIND

colors: {
  'brand-1': '#fcf2e6',
  'brand-2': '#d4d4d2',
  'brand-3': '#f4bdb8',
  'brand-4': '#fe588a',
  'brand-5': '#433944',
}

RGB Array

[252, 242, 230], [212, 212, 210], [244, 189, 184], [254, 88, 138], [67, 57, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF2E6, #D4D4D2, #F4BDB8, #FE588A, #433944 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: #fcf2e6; --color-2: #d4d4d2; --color-3: #f4bdb8; --color-4: #fe588a; --color-5: #433944. 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