← Back to Editor

#F4E9CB · #FCD2A0 · #E98F91 · #B0737A · #5F3246

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

#F4E9CB

Goose Yellow · Bisque · Lemon Cream

HEX
#F4E9CB
RGB
rgb(244, 233, 203)
HSL
hsl(44, 65%, 88%)
HSB
hsb(44, 17%, 96%)
CMYK
cmyk(0%, 5%, 17%, 4%)
Oklch
oklch(93.5% 0.041 90.2)

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

#FCD2A0

Goose Yellow · Wheat · Peach Orange

HEX
#FCD2A0
RGB
rgb(252, 210, 160)
HSL
hsl(33, 94%, 81%)
HSB
hsb(33, 37%, 99%)
CMYK
cmyk(0%, 17%, 37%, 1%)
Oklch
oklch(88.8% 0.080 71.4)

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

#E98F91

Peach Pink · LightCoral · Coral Red

HEX
#E98F91
RGB
rgb(233, 143, 145)
HSL
hsl(359, 67%, 74%)
HSB
hsb(359, 39%, 91%)
CMYK
cmyk(0%, 39%, 38%, 9%)
Oklch
oklch(74.4% 0.110 18.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B0737A

Crimson · Gray · Passion Red

HEX
#B0737A
RGB
rgb(176, 115, 122)
HSL
hsl(353, 28%, 57%)
HSB
hsb(353, 35%, 69%)
CMYK
cmyk(0%, 35%, 31%, 31%)
Oklch
oklch(62.1% 0.078 12.1)

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

#5F3246

Dark Violet · DarkSlateGray · Camellia

HEX
#5F3246
RGB
rgb(95, 50, 70)
HSL
hsl(333, 31%, 28%)
HSB
hsb(333, 47%, 37%)
CMYK
cmyk(0%, 47%, 26%, 63%)
Oklch
oklch(38.1% 0.070 352.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4E9CB
CDD7F4

Analogous

F4D6CD
F4E9CB
EBF4CD

Triadic

F4E9CB
CDF4EA
EACDF4

Split-Comp.

F4E9CB
CDEBF4
D6CDF4

Tetradic

F4E9CB
CDF4D6
CDD7F4
F4CDEB

Contrast Matrix WCAG 2.1 Contrast

F4E9CB
FCD2A0
E98F91
B0737A
5F3246
—
1.2
Fail
2.0
Fail
3.1
AA Large
8.5
AAA
1.2
Fail
—
1.7
Fail
2.7
Fail
7.3
AAA
2.0
Fail
1.7
Fail
—
1.6
Fail
4.3
AA Large
3.1
AA Large
2.7
Fail
1.6
Fail
—
2.7
Fail
8.5
AAA
7.3
AAA
4.3
AA Large
2.7
Fail
—
White BG
1.2Fail
1.4Fail
2.4Fail
3.8AA Large
10.3AAA
Black BG
17.4AAA
14.9AAA
8.8AAA
5.6AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD2
EAE9AC
C2C191
969578
4C4B41

Deuteranopia

F0F1D4
ECEFAF
C7CE90
999E78
4E5240

Tritanopia

F3D8D9
FAB6B8
E59090
AD7777
5D3D3D

Achromatopsia

E9E9E9
D9D9D9
AAAAAA
868686
424242

Shades & Tints Shades & Tints

#F4E9CB

Dark
Light

#FCD2A0

Dark
Light

#E98F91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4e9cb;
  --color-2: #fcd2a0;
  --color-3: #e98f91;
  --color-4: #b0737a;
  --color-5: #5f3246;
}

SCSS

$color-1: #f4e9cb;
$color-2: #fcd2a0;
$color-3: #e98f91;
$color-4: #b0737a;
$color-5: #5f3246;

TAILWIND

colors: {
  'brand-1': '#f4e9cb',
  'brand-2': '#fcd2a0',
  'brand-3': '#e98f91',
  'brand-4': '#b0737a',
  'brand-5': '#5f3246',
}

RGB Array

[244, 233, 203], [252, 210, 160], [233, 143, 145], [176, 115, 122], [95, 50, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4E9CB, #FCD2A0, #E98F91, #B0737A, #5F3246 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: #f4e9cb; --color-2: #fcd2a0; --color-3: #e98f91; --color-4: #b0737a; --color-5: #5f3246. 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