← Back to Editor

#F4DEC2 · #F4C6A4 · #F1937F · #9380B7 · #F5B9AE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F4DEC2

Goose Yellow · Bisque · Peach Orange

HEX
#F4DEC2
RGB
rgb(244, 222, 194)
HSL
hsl(34, 69%, 86%)
HSB
hsb(34, 20%, 96%)
CMYK
cmyk(0%, 9%, 20%, 4%)
Oklch
oklch(91.1% 0.044 73.8)

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

#F4C6A4

Apricot · Wheat · Peach Orange

HEX
#F4C6A4
RGB
rgb(244, 198, 164)
HSL
hsl(25, 78%, 80%)
HSB
hsb(25, 33%, 96%)
CMYK
cmyk(0%, 19%, 33%, 4%)
Oklch
oklch(85.8% 0.069 58.1)

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

#F1937F

Peach Pink · DarkSalmon · Coral Red

HEX
#F1937F
RGB
rgb(241, 147, 127)
HSL
hsl(11, 80%, 72%)
HSB
hsb(11, 47%, 95%)
CMYK
cmyk(0%, 39%, 47%, 5%)
Oklch
oklch(75.6% 0.118 32.8)

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

#9380B7

Wisteria · LightSlateGray · Lilac Purple

HEX
#9380B7
RGB
rgb(147, 128, 183)
HSL
hsl(261, 28%, 61%)
HSB
hsb(261, 30%, 72%)
CMYK
cmyk(20%, 30%, 0%, 28%)
Oklch
oklch(63.8% 0.083 299.9)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#F5B9AE

Peach Pink · LightPink · Cherry Blossom

HEX
#F5B9AE
RGB
rgb(245, 185, 174)
HSL
hsl(9, 78%, 82%)
HSB
hsb(9, 29%, 96%)
CMYK
cmyk(0%, 24%, 29%, 4%)
Oklch
oklch(83.8% 0.072 30.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4DEC2
C3D8F4

Analogous

F4C6C3
F4DEC2
F1F4C3

Triadic

F4DEC2
C3F4DF
DFC3F4

Split-Comp.

F4DEC2
C3F1F4
C6C3F4

Tetradic

F4DEC2
C3F4C6
C3D8F4
F4C3F1

Contrast Matrix WCAG 2.1 Contrast

F4DEC2
F4C6A4
F1937F
9380B7
F5B9AE
—
1.2
Fail
1.7
Fail
2.7
Fail
1.3
Fail
1.2
Fail
—
1.5
Fail
2.2
Fail
1.1
Fail
1.7
Fail
1.5
Fail
—
1.5
Fail
1.3
Fail
2.7
Fail
2.2
Fail
1.5
Fail
—
2.1
Fail
1.3
Fail
1.1
Fail
1.3
Fail
2.1
Fail
—
White BG
1.3Fail
1.6Fail
2.3Fail
3.5AA Large
1.7Fail
Black BG
16.1AAA
13.5AAA
9.2AAA
6.0AA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC9
E0E0AC
C8C784
8B8BAA
DBDAB1

Deuteranopia

ECEDCA
E3E6AE
CED585
8C8DA7
DFE3B1

Tritanopia

F3CECF
F2B3B4
EC8889
929F9D
F2B3B3

Achromatopsia

E1E1E1
D0D0D0
ADADAD
8C8C8C
CACACA

Shades & Tints Shades & Tints

#F4DEC2

Dark
Light

#F4C6A4

Dark
Light

#F1937F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4dec2;
  --color-2: #f4c6a4;
  --color-3: #f1937f;
  --color-4: #9380b7;
  --color-5: #f5b9ae;
}

SCSS

$color-1: #f4dec2;
$color-2: #f4c6a4;
$color-3: #f1937f;
$color-4: #9380b7;
$color-5: #f5b9ae;

TAILWIND

colors: {
  'brand-1': '#f4dec2',
  'brand-2': '#f4c6a4',
  'brand-3': '#f1937f',
  'brand-4': '#9380b7',
  'brand-5': '#f5b9ae',
}

RGB Array

[244, 222, 194], [244, 198, 164], [241, 147, 127], [147, 128, 183], [245, 185, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4DEC2, #F4C6A4, #F1937F, #9380B7, #F5B9AE 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: #f4dec2; --color-2: #f4c6a4; --color-3: #f1937f; --color-4: #9380b7; --color-5: #f5b9ae. 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