← Back to Editor

#FFFACF · #FDE39D · #FFD16E · #FF987C · #FF618B

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

#FFFACF

Fresh Green · Beige · Lemon Cream

HEX
#FFFACF
RGB
rgb(255, 250, 207)
HSL
hsl(54, 100%, 91%)
HSB
hsb(54, 19%, 100%)
CMYK
cmyk(0%, 2%, 19%, 0%)
Oklch
oklch(97.8% 0.056 101.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FDE39D

Goose Yellow · Khaki · Lemon Cream

HEX
#FDE39D
RGB
rgb(253, 227, 157)
HSL
hsl(44, 96%, 80%)
HSB
hsb(44, 38%, 99%)
CMYK
cmyk(0%, 10%, 38%, 1%)
Oklch
oklch(92.1% 0.093 90.0)

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

#FFD16E

Goose Yellow · Khaki · Sunflower

HEX
#FFD16E
RGB
rgb(255, 209, 110)
HSL
hsl(41, 100%, 72%)
HSB
hsb(41, 57%, 100%)
CMYK
cmyk(0%, 18%, 57%, 0%)
Oklch
oklch(88.1% 0.128 84.7)

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

#FF987C

Peach Pink · LightSalmon · Coral Red

HEX
#FF987C
RGB
rgb(255, 152, 124)
HSL
hsl(13, 100%, 74%)
HSB
hsb(13, 51%, 100%)
CMYK
cmyk(0%, 40%, 51%, 0%)
Oklch
oklch(78.1% 0.130 36.0)

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

#FF618B

Rouge · LightCoral · Rose Pink

HEX
#FF618B
RGB
rgb(255, 97, 139)
HSL
hsl(344, 100%, 69%)
HSB
hsb(344, 62%, 100%)
CMYK
cmyk(0%, 62%, 45%, 0%)
Oklch
oklch(70.7% 0.194 7.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFACF
D1D6FF

Analogous

FFE3D1
FFFACF
EDFFD1

Triadic

FFFACF
D1FFFA
FAD1FF

Split-Comp.

FFFACF
D1EDFF
E3D1FF

Tetradic

FFFACF
D1FFE3
D1D6FF
FFD1ED

Contrast Matrix WCAG 2.1 Contrast

FFFACF
FDE39D
FFD16E
FF987C
FF618B
—
1.2
Fail
1.4
Fail
2.0
Fail
2.7
Fail
1.2
Fail
—
1.1
Fail
1.7
Fail
2.3
Fail
1.4
Fail
1.1
Fail
—
1.5
Fail
2.0
Fail
2.0
Fail
1.7
Fail
1.5
Fail
—
1.4
Fail
2.7
Fail
2.3
Fail
2.0
Fail
1.4
Fail
—
White BG
1.1Fail
1.3Fail
1.4Fail
2.1Fail
2.9Fail
Black BG
19.8AAA
16.7AAA
14.6AAA
10.0AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDD9
F2F2AE
EBEB86
D2D183
BBB981

Deuteranopia

FDFEDC
F3F5B2
EEF18C
D8E084
C4D07E

Tritanopia

FFE2E3
FCBBBE
FD999D
FA8889
F77977

Achromatopsia

F7F7F7
E3E3E3
D3D3D3
B4B4B4
959595

Shades & Tints Shades & Tints

#FFFACF

Dark
Light

#FDE39D

Dark
Light

#FFD16E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffacf;
  --color-2: #fde39d;
  --color-3: #ffd16e;
  --color-4: #ff987c;
  --color-5: #ff618b;
}

SCSS

$color-1: #fffacf;
$color-2: #fde39d;
$color-3: #ffd16e;
$color-4: #ff987c;
$color-5: #ff618b;

TAILWIND

colors: {
  'brand-1': '#fffacf',
  'brand-2': '#fde39d',
  'brand-3': '#ffd16e',
  'brand-4': '#ff987c',
  'brand-5': '#ff618b',
}

RGB Array

[255, 250, 207], [253, 227, 157], [255, 209, 110], [255, 152, 124], [255, 97, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFACF, #FDE39D, #FFD16E, #FF987C, #FF618B 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: #fffacf; --color-2: #fde39d; --color-3: #ffd16e; --color-4: #ff987c; --color-5: #ff618b. 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