← Back to Editor

#FEB3AF · #F0948F · #EFD69A · #F7E4B6 · #FFF1CE

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

#FEB3AF

Peach Pink · LightPink · Cherry Blossom

HEX
#FEB3AF
RGB
rgb(254, 179, 175)
HSL
hsl(3, 98%, 84%)
HSB
hsb(3, 31%, 100%)
CMYK
cmyk(0%, 30%, 31%, 0%)
Oklch
oklch(83.6% 0.088 22.5)

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

#F0948F

Peach Pink · DarkSalmon · Coral Red

HEX
#F0948F
RGB
rgb(240, 148, 143)
HSL
hsl(3, 76%, 75%)
HSB
hsb(3, 40%, 94%)
CMYK
cmyk(0%, 38%, 40%, 6%)
Oklch
oklch(76.0% 0.112 23.4)

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

#EFD69A

Goose Yellow · Khaki · Lemon Cream

HEX
#EFD69A
RGB
rgb(239, 214, 154)
HSL
hsl(42, 73%, 77%)
HSB
hsb(42, 36%, 94%)
CMYK
cmyk(0%, 10%, 36%, 6%)
Oklch
oklch(88.3% 0.082 87.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F7E4B6

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E4B6
RGB
rgb(247, 228, 182)
HSL
hsl(42, 80%, 84%)
HSB
hsb(42, 26%, 97%)
CMYK
cmyk(0%, 8%, 26%, 3%)
Oklch
oklch(92.3% 0.063 88.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFF1CE

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF1CE
RGB
rgb(255, 241, 206)
HSL
hsl(43, 100%, 90%)
HSB
hsb(43, 19%, 100%)
CMYK
cmyk(0%, 5%, 19%, 0%)
Oklch
oklch(96.0% 0.048 88.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEB3AF
AEFAFE

Analogous

FEAED2
FEB3AF
FEDAAE

Triadic

FEB3AF
AEFEB2
B2AEFE

Split-Comp.

FEB3AF
AEFEDA
AED2FE

Tetradic

FEB3AF
D2FEAE
AEFAFE
DAAEFE

Contrast Matrix WCAG 2.1 Contrast

FEB3AF
F0948F
EFD69A
F7E4B6
FFF1CE
—
1.3
Fail
1.2
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
1.6
Fail
1.8
Fail
2.0
Fail
1.2
Fail
1.6
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
2.0
Fail
1.3
Fail
1.1
Fail
—
White BG
1.7Fail
2.2Fail
1.4Fail
1.3Fail
1.1Fail
Black BG
12.3AAA
9.3AAA
14.8AAA
16.7AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDDB0
C8C790
E4E4A9
EFEFC1
F9F9D6

Deuteranopia

E2E7B0
CED491
E6E8AC
F0F1C4
FAFBD9

Tritanopia

FAB1B1
EB9191
EEB4B7
F6CACC
FEDDDF

Achromatopsia

C9C9C9
AFAFAF
D7D7D7
E4E4E4
F1F1F1

Shades & Tints Shades & Tints

#FEB3AF

Dark
Light

#F0948F

Dark
Light

#EFD69A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feb3af;
  --color-2: #f0948f;
  --color-3: #efd69a;
  --color-4: #f7e4b6;
  --color-5: #fff1ce;
}

SCSS

$color-1: #feb3af;
$color-2: #f0948f;
$color-3: #efd69a;
$color-4: #f7e4b6;
$color-5: #fff1ce;

TAILWIND

colors: {
  'brand-1': '#feb3af',
  'brand-2': '#f0948f',
  'brand-3': '#efd69a',
  'brand-4': '#f7e4b6',
  'brand-5': '#fff1ce',
}

RGB Array

[254, 179, 175], [240, 148, 143], [239, 214, 154], [247, 228, 182], [255, 241, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEB3AF, #F0948F, #EFD69A, #F7E4B6, #FFF1CE 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: #feb3af; --color-2: #f0948f; --color-3: #efd69a; --color-4: #f7e4b6; --color-5: #fff1ce. 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