← Back to Editor

#F3DCB2 · #FACB97 · #F59982 · #ED616F · #F2116C

warm

A 5-color warm 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

#F3DCB2

Goose Yellow · Wheat · Peach Orange

HEX
#F3DCB2
RGB
rgb(243, 220, 178)
HSL
hsl(39, 73%, 83%)
HSB
hsb(39, 27%, 95%)
CMYK
cmyk(0%, 9%, 27%, 5%)
Oklch
oklch(90.3% 0.060 82.5)

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

#FACB97

Goose Yellow · Khaki · Peach Orange

HEX
#FACB97
RGB
rgb(250, 203, 151)
HSL
hsl(32, 91%, 79%)
HSB
hsb(32, 40%, 98%)
CMYK
cmyk(0%, 19%, 40%, 2%)
Oklch
oklch(87.1% 0.086 69.2)

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

#F59982

Peach Pink · LightSalmon · Coral Red

HEX
#F59982
RGB
rgb(245, 153, 130)
HSL
hsl(12, 85%, 74%)
HSB
hsb(12, 47%, 96%)
CMYK
cmyk(0%, 38%, 47%, 4%)
Oklch
oklch(77.2% 0.116 34.8)

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

#ED616F

Peach Pink · Salmon · Coral Red

HEX
#ED616F
RGB
rgb(237, 97, 111)
HSL
hsl(354, 80%, 65%)
HSB
hsb(354, 59%, 93%)
CMYK
cmyk(0%, 59%, 53%, 7%)
Oklch
oklch(67.3% 0.173 17.0)

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

#F2116C

Dark Violet · DeepPink · Rose Pink

HEX
#F2116C
RGB
rgb(242, 17, 108)
HSL
hsl(336, 90%, 51%)
HSB
hsb(336, 93%, 95%)
CMYK
cmyk(0%, 93%, 55%, 5%)
Oklch
oklch(62.0% 0.243 7.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3DCB2
B4CAF3

Analogous

F3BDB4
F3DCB2
EAF3B4

Triadic

F3DCB2
B4F3DD
DDB4F3

Split-Comp.

F3DCB2
B4EAF3
BDB4F3

Tetradic

F3DCB2
B4F3BD
B4CAF3
F3B4EA

Contrast Matrix WCAG 2.1 Contrast

F3DCB2
FACB97
F59982
ED616F
F2116C
—
1.1
Fail
1.6
Fail
2.4
Fail
3.1
AA Large
1.1
Fail
—
1.4
Fail
2.1
Fail
2.8
Fail
1.6
Fail
1.4
Fail
—
1.5
Fail
1.9
Fail
2.4
Fail
2.1
Fail
1.5
Fail
—
1.3
Fail
3.1
AA Large
2.8
Fail
1.9
Fail
1.3
Fail
—
White BG
1.3Fail
1.5Fail
2.2Fail
3.2AA Large
4.1AA Large
Black BG
15.7AAA
14.1AAA
9.8AAA
6.5AA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9BC
E6E5A4
CDCC88
B0AF6C
918F56

Deuteranopia

EAECBF
E8ECA7
D3D989
B9C36B
9EAE51

Tritanopia

F2C4C6
F8AEB0
F08C8D
E66968
E74541

Achromatopsia

DEDEDE
D3D3D3
B2B2B2
8C8C8C
5F5F5F

Shades & Tints Shades & Tints

#F3DCB2

Dark
Light

#FACB97

Dark
Light

#F59982

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3dcb2;
  --color-2: #facb97;
  --color-3: #f59982;
  --color-4: #ed616f;
  --color-5: #f2116c;
}

SCSS

$color-1: #f3dcb2;
$color-2: #facb97;
$color-3: #f59982;
$color-4: #ed616f;
$color-5: #f2116c;

TAILWIND

colors: {
  'brand-1': '#f3dcb2',
  'brand-2': '#facb97',
  'brand-3': '#f59982',
  'brand-4': '#ed616f',
  'brand-5': '#f2116c',
}

RGB Array

[243, 220, 178], [250, 203, 151], [245, 153, 130], [237, 97, 111], [242, 17, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F3DCB2, #FACB97, #F59982, #ED616F, #F2116C 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: #f3dcb2; --color-2: #facb97; --color-3: #f59982; --color-4: #ed616f; --color-5: #f2116c. 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 warm-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