← Back to Editor

#F4EBDC · #6E5960 · #E62041 · #FCECD2 · #9A9389

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

#F4EBDC

Goose Yellow · Beige · Peach Orange

HEX
#F4EBDC
RGB
rgb(244, 235, 220)
HSL
hsl(37, 52%, 91%)
HSB
hsb(37, 10%, 96%)
CMYK
cmyk(0%, 4%, 10%, 4%)
Oklch
oklch(94.3% 0.022 80.7)

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

#6E5960

Dark Violet · DimGray · Camellia

HEX
#6E5960
RGB
rgb(110, 89, 96)
HSL
hsl(340, 11%, 39%)
HSB
hsb(340, 19%, 43%)
CMYK
cmyk(0%, 19%, 13%, 57%)
Oklch
oklch(48.7% 0.029 356.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#E62041

Vermilion · Crimson · Passion Red

HEX
#E62041
RGB
rgb(230, 32, 65)
HSL
hsl(350, 80%, 51%)
HSB
hsb(350, 86%, 90%)
CMYK
cmyk(0%, 86%, 72%, 10%)
Oklch
oklch(59.5% 0.225 20.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FCECD2

Goose Yellow · Beige · Peach Orange

HEX
#FCECD2
RGB
rgb(252, 236, 210)
HSL
hsl(37, 88%, 91%)
HSB
hsb(37, 17%, 99%)
CMYK
cmyk(0%, 6%, 17%, 1%)
Oklch
oklch(94.9% 0.038 80.0)

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

#9A9389

Ginger · Gray · Silver Sand

HEX
#9A9389
RGB
rgb(154, 147, 137)
HSL
hsl(35, 8%, 57%)
HSB
hsb(35, 11%, 60%)
CMYK
cmyk(0%, 5%, 11%, 40%)
Oklch
oklch(66.6% 0.017 77.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4EBDC
DCE5F4

Analogous

F4DFDC
F4EBDC
F1F4DC

Triadic

F4EBDC
DCF4EB
EBDCF4

Split-Comp.

F4EBDC
DCF1F4
DFDCF4

Tetradic

F4EBDC
DCF4DF
DCE5F4
F4DCF1

Contrast Matrix WCAG 2.1 Contrast

F4EBDC
6E5960
E62041
FCECD2
9A9389
—
5.4
AA
3.8
AA Large
1.0
Fail
2.6
Fail
5.4
AA
—
1.4
Fail
5.5
AA
2.1
Fail
3.8
AA Large
1.4
Fail
—
3.9
AA Large
1.5
Fail
1.0
Fail
5.5
AA
3.9
AA Large
—
2.6
Fail
2.6
Fail
2.1
Fail
1.5
Fail
2.6
Fail
—
White BG
1.2Fail
6.4AA
4.5AA
1.2Fail
3.0AA Large
Black BG
17.8AAA
3.3AA Large
4.6AA
18.1AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0E0
65655E
908E39
F5F5D8
97978B

Deuteranopia

F1F1E1
66685E
9CAB37
F6F7DA
97988C

Tritanopia

F4E2E3
6D5D5D
DC3331
FBDDDE
9A8D8E

Achromatopsia

ECECEC
606060
5F5F5F
EEEEEE
949494

Shades & Tints Shades & Tints

#F4EBDC

Dark
Light

#6E5960

Dark
Light

#E62041

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4ebdc;
  --color-2: #6e5960;
  --color-3: #e62041;
  --color-4: #fcecd2;
  --color-5: #9a9389;
}

SCSS

$color-1: #f4ebdc;
$color-2: #6e5960;
$color-3: #e62041;
$color-4: #fcecd2;
$color-5: #9a9389;

TAILWIND

colors: {
  'brand-1': '#f4ebdc',
  'brand-2': '#6e5960',
  'brand-3': '#e62041',
  'brand-4': '#fcecd2',
  'brand-5': '#9a9389',
}

RGB Array

[244, 235, 220], [110, 89, 96], [230, 32, 65], [252, 236, 210], [154, 147, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4EBDC, #6E5960, #E62041, #FCECD2, #9A9389 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: #f4ebdc; --color-2: #6e5960; --color-3: #e62041; --color-4: #fcecd2; --color-5: #9a9389. 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