← Back to Editor

#F8E5CA · #F2D4DD · #D1BD6F · #C48282 · #8C4B4B

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

#F8E5CA

Goose Yellow · Bisque · Peach Orange

HEX
#F8E5CA
RGB
rgb(248, 229, 202)
HSL
hsl(35, 77%, 88%)
HSB
hsb(35, 19%, 97%)
CMYK
cmyk(0%, 8%, 19%, 3%)
Oklch
oklch(93.0% 0.041 76.7)

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

#F2D4DD

Rouge · Pink · Cherry Blossom

HEX
#F2D4DD
RGB
rgb(242, 212, 221)
HSL
hsl(342, 54%, 89%)
HSB
hsb(342, 12%, 95%)
CMYK
cmyk(0%, 12%, 9%, 5%)
Oklch
oklch(89.7% 0.035 357.8)

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

#D1BD6F

Ginger · BurlyWood · Sunflower

HEX
#D1BD6F
RGB
rgb(209, 189, 111)
HSL
hsl(48, 52%, 63%)
HSB
hsb(48, 47%, 82%)
CMYK
cmyk(0%, 10%, 47%, 18%)
Oklch
oklch(79.8% 0.101 95.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C48282

Peach Pink · DarkSalmon · Coral Red

HEX
#C48282
RGB
rgb(196, 130, 130)
HSL
hsl(0, 36%, 64%)
HSB
hsb(0, 34%, 77%)
CMYK
cmyk(0%, 34%, 34%, 23%)
Oklch
oklch(67.4% 0.082 19.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#8C4B4B

Crimson · Sienna · Passion Red

HEX
#8C4B4B
RGB
rgb(140, 75, 75)
HSL
hsl(0, 30%, 42%)
HSB
hsb(0, 46%, 55%)
CMYK
cmyk(0%, 46%, 46%, 45%)
Oklch
oklch(49.1% 0.088 20.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8E5CA
C9DCF8

Analogous

F8CDC9
F8E5CA
F4F8C9

Triadic

F8E5CA
C9F8E4
E4C9F8

Split-Comp.

F8E5CA
C9F4F8
CDC9F8

Tetradic

F8E5CA
C9F8CD
C9DCF8
F8C9F4

Contrast Matrix WCAG 2.1 Contrast

F8E5CA
F2D4DD
D1BD6F
C48282
8C4B4B
—
1.1
Fail
1.5
Fail
2.5
Fail
5.3
AA
1.1
Fail
—
1.4
Fail
2.2
Fail
4.7
AA
1.5
Fail
1.4
Fail
—
1.6
Fail
3.5
AA Large
2.5
Fail
2.2
Fail
1.6
Fail
—
2.1
Fail
5.3
AA
4.7
AA
3.5
AA Large
2.1
Fail
—
White BG
1.2Fail
1.4Fail
1.9Fail
3.1AA Large
6.5AA
Black BG
17.1AAA
15.2AAA
11.2AAA
6.9AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0D1
E5E5DB
C8C882
A7A782
706F4B

Deuteranopia

F1F2D2
E7E9DA
CACB86
ABB082
74794B

Tritanopia

F7D6D7
F0D9D9
D09194
C18282
894B4B

Achromatopsia

E8E8E8
DEDEDE
BABABA
969696
5E5E5E

Shades & Tints Shades & Tints

#F8E5CA

Dark
Light

#F2D4DD

Dark
Light

#D1BD6F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8e5ca;
  --color-2: #f2d4dd;
  --color-3: #d1bd6f;
  --color-4: #c48282;
  --color-5: #8c4b4b;
}

SCSS

$color-1: #f8e5ca;
$color-2: #f2d4dd;
$color-3: #d1bd6f;
$color-4: #c48282;
$color-5: #8c4b4b;

TAILWIND

colors: {
  'brand-1': '#f8e5ca',
  'brand-2': '#f2d4dd',
  'brand-3': '#d1bd6f',
  'brand-4': '#c48282',
  'brand-5': '#8c4b4b',
}

RGB Array

[248, 229, 202], [242, 212, 221], [209, 189, 111], [196, 130, 130], [140, 75, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8E5CA, #F2D4DD, #D1BD6F, #C48282, #8C4B4B 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: #f8e5ca; --color-2: #f2d4dd; --color-3: #d1bd6f; --color-4: #c48282; --color-5: #8c4b4b. 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