← Back to Editor

#F1E8D7 · #F2DCB6 · #F9B6A0 · #F88B8D · #EA6572

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F1E8D7

Goose Yellow · Beige · Peach Orange

HEX
#F1E8D7
RGB
rgb(241, 232, 215)
HSL
hsl(39, 48%, 89%)
HSB
hsb(39, 11%, 95%)
CMYK
cmyk(0%, 4%, 11%, 5%)
Oklch
oklch(93.4% 0.025 83.4)

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

#F2DCB6

Goose Yellow · Wheat · Peach Orange

HEX
#F2DCB6
RGB
rgb(242, 220, 182)
HSL
hsl(38, 70%, 83%)
HSB
hsb(38, 25%, 95%)
CMYK
cmyk(0%, 9%, 25%, 5%)
Oklch
oklch(90.3% 0.055 81.3)

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

#F9B6A0

Apricot · LightPink · Peach Orange

HEX
#F9B6A0
RGB
rgb(249, 182, 160)
HSL
hsl(15, 88%, 80%)
HSB
hsb(15, 36%, 98%)
CMYK
cmyk(0%, 27%, 36%, 2%)
Oklch
oklch(83.3% 0.084 38.9)

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

#F88B8D

Peach Pink · LightCoral · Coral Red

HEX
#F88B8D
RGB
rgb(248, 139, 141)
HSL
hsl(359, 89%, 76%)
HSB
hsb(359, 44%, 97%)
CMYK
cmyk(0%, 44%, 43%, 3%)
Oklch
oklch(75.5% 0.133 19.5)

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

#EA6572

Peach Pink · LightCoral · Coral Red

HEX
#EA6572
RGB
rgb(234, 101, 114)
HSL
hsl(354, 76%, 66%)
HSB
hsb(354, 57%, 92%)
CMYK
cmyk(0%, 57%, 51%, 8%)
Oklch
oklch(67.5% 0.165 16.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1E8D7
D5DFF0

Analogous

F0DAD5
F1E8D7
ECF0D5

Triadic

F1E8D7
D5F0E7
E7D5F0

Split-Comp.

F1E8D7
D5ECF0
DAD5F0

Tetradic

F1E8D7
D5F0DA
D5DFF0
F0D5EC

Contrast Matrix WCAG 2.1 Contrast

F1E8D7
F2DCB6
F9B6A0
F88B8D
EA6572
—
1.1
Fail
1.4
Fail
1.9
Fail
2.6
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
2.4
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.9
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
2.6
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
White BG
1.2Fail
1.3Fail
1.7Fail
2.3Fail
3.2AA Large
Black BG
17.3AAA
15.7AAA
12.2AAA
9.1AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDDB
E8E8BF
DCDBA5
C9C88D
B0AF6F

Deuteranopia

EEEEDC
EAEBC1
E0E5A7
CFD78C
B8C26E

Tritanopia

F1DEDF
F1C6C8
F6AAAA
F38C8C
E36C6C

Achromatopsia

E9E9E9
DEDEDE
C8C8C8
ACACAC
8E8E8E

Shades & Tints Shades & Tints

#F1E8D7

Dark
Light

#F2DCB6

Dark
Light

#F9B6A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1e8d7;
  --color-2: #f2dcb6;
  --color-3: #f9b6a0;
  --color-4: #f88b8d;
  --color-5: #ea6572;
}

SCSS

$color-1: #f1e8d7;
$color-2: #f2dcb6;
$color-3: #f9b6a0;
$color-4: #f88b8d;
$color-5: #ea6572;

TAILWIND

colors: {
  'brand-1': '#f1e8d7',
  'brand-2': '#f2dcb6',
  'brand-3': '#f9b6a0',
  'brand-4': '#f88b8d',
  'brand-5': '#ea6572',
}

RGB Array

[241, 232, 215], [242, 220, 182], [249, 182, 160], [248, 139, 141], [234, 101, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1E8D7, #F2DCB6, #F9B6A0, #F88B8D, #EA6572 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f1e8d7; --color-2: #f2dcb6; --color-3: #f9b6a0; --color-4: #f88b8d; --color-5: #ea6572. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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