← Back to Editor

#F5DFC4 · #F1A990 · #EB6E63 · #FFC987 · #E1391C

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

#F5DFC4

Goose Yellow · Bisque · Peach Orange

HEX
#F5DFC4
RGB
rgb(245, 223, 196)
HSL
hsl(33, 71%, 86%)
HSB
hsb(33, 20%, 96%)
CMYK
cmyk(0%, 9%, 20%, 4%)
Oklch
oklch(91.5% 0.043 72.9)

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

#F1A990

Apricot · BurlyWood · Warm Sun

HEX
#F1A990
RGB
rgb(241, 169, 144)
HSL
hsl(15, 78%, 75%)
HSB
hsb(15, 40%, 95%)
CMYK
cmyk(0%, 30%, 40%, 5%)
Oklch
oklch(79.8% 0.092 39.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EB6E63

Peach Pink · Salmon · Coral Red

HEX
#EB6E63
RGB
rgb(235, 110, 99)
HSL
hsl(5, 77%, 65%)
HSB
hsb(5, 58%, 92%)
CMYK
cmyk(0%, 53%, 58%, 8%)
Oklch
oklch(68.5% 0.157 27.0)

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

#FFC987

Goose Yellow · Khaki · Peach Orange

HEX
#FFC987
RGB
rgb(255, 201, 135)
HSL
hsl(33, 100%, 76%)
HSB
hsb(33, 47%, 100%)
CMYK
cmyk(0%, 21%, 47%, 0%)
Oklch
oklch(86.9% 0.103 71.4)

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

#E1391C

Vermilion · OrangeRed · Passion Red

HEX
#E1391C
RGB
rgb(225, 57, 28)
HSL
hsl(9, 78%, 50%)
HSB
hsb(9, 88%, 88%)
CMYK
cmyk(0%, 75%, 88%, 12%)
Oklch
oklch(59.9% 0.208 32.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5DFC4
C2D9F5

Analogous

F5C4C2
F5DFC4
F2F5C2

Triadic

F5DFC4
C2F5DE
DEC2F5

Split-Comp.

F5DFC4
C2F2F5
C4C2F5

Tetradic

F5DFC4
C2F5C4
C2D9F5
F5C2F2

Contrast Matrix WCAG 2.1 Contrast

F5DFC4
F1A990
EB6E63
FFC987
E1391C
—
1.5
Fail
2.3
Fail
1.2
Fail
3.4
AA Large
1.5
Fail
—
1.6
Fail
1.3
Fail
2.3
Fail
2.3
Fail
1.6
Fail
—
2.0
Fail
1.4
Fail
1.2
Fail
1.3
Fail
2.0
Fail
—
2.9
Fail
3.4
AA Large
2.3
Fail
1.4
Fail
2.9
Fail
—
White BG
1.3Fail
1.9Fail
3.0AA Large
1.5Fail
4.4AA Large
Black BG
16.2AAA
10.8AAA
6.9AA
14.0AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBCB
D2D196
B5B466
E8E797
989723

Deuteranopia

EDEECC
D6DB98
BCC666
EBEF9B
A2AF25

Tritanopia

F4D0D1
ED9B9C
E56868
FCA4A6
D9292A

Achromatopsia

E2E2E2
BCBCBC
929292
D2D2D2
686868

Shades & Tints Shades & Tints

#F5DFC4

Dark
Light

#F1A990

Dark
Light

#EB6E63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5dfc4;
  --color-2: #f1a990;
  --color-3: #eb6e63;
  --color-4: #ffc987;
  --color-5: #e1391c;
}

SCSS

$color-1: #f5dfc4;
$color-2: #f1a990;
$color-3: #eb6e63;
$color-4: #ffc987;
$color-5: #e1391c;

TAILWIND

colors: {
  'brand-1': '#f5dfc4',
  'brand-2': '#f1a990',
  'brand-3': '#eb6e63',
  'brand-4': '#ffc987',
  'brand-5': '#e1391c',
}

RGB Array

[245, 223, 196], [241, 169, 144], [235, 110, 99], [255, 201, 135], [225, 57, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5DFC4, #F1A990, #EB6E63, #FFC987, #E1391C 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: #f5dfc4; --color-2: #f1a990; --color-3: #eb6e63; --color-4: #ffc987; --color-5: #e1391c. 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