← Back to Editor

#FD7C6F · #E54E69 · #FCD976 · #CEBD84 · #D9C17A

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

#FD7C6F

Peach Pink · Salmon · Coral Red

HEX
#FD7C6F
RGB
rgb(253, 124, 111)
HSL
hsl(5, 97%, 71%)
HSB
hsb(5, 56%, 99%)
CMYK
cmyk(0%, 51%, 56%, 1%)
Oklch
oklch(73.3% 0.160 27.5)

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

#E54E69

Vermilion · Tomato · Passion Red

HEX
#E54E69
RGB
rgb(229, 78, 105)
HSL
hsl(349, 74%, 60%)
HSB
hsb(349, 66%, 90%)
CMYK
cmyk(0%, 66%, 54%, 10%)
Oklch
oklch(63.7% 0.186 13.7)

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

#FCD976

Goose Yellow · Khaki · Sunflower

HEX
#FCD976
RGB
rgb(252, 217, 118)
HSL
hsl(44, 96%, 73%)
HSB
hsb(44, 53%, 99%)
CMYK
cmyk(0%, 14%, 53%, 1%)
Oklch
oklch(89.5% 0.125 90.3)

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

#CEBD84

Ginger · Tan · Sunflower

HEX
#CEBD84
RGB
rgb(206, 189, 132)
HSL
hsl(46, 43%, 66%)
HSB
hsb(46, 36%, 81%)
CMYK
cmyk(0%, 8%, 36%, 19%)
Oklch
oklch(79.9% 0.077 93.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D9C17A

Ginger · BurlyWood · Sunflower

HEX
#D9C17A
RGB
rgb(217, 193, 122)
HSL
hsl(45, 56%, 66%)
HSB
hsb(45, 44%, 85%)
CMYK
cmyk(0%, 11%, 44%, 15%)
Oklch
oklch(81.6% 0.094 91.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FD7C6F
6DF1FD

Analogous

FD6DA9
FD7C6F
FDC16D

Triadic

FD7C6F
6DFD79
796DFD

Split-Comp.

FD7C6F
6DFDC1
6DA9FD

Tetradic

FD7C6F
A9FD6D
6DF1FD
C16DFD

Contrast Matrix WCAG 2.1 Contrast

FD7C6F
E54E69
FCD976
CEBD84
D9C17A
—
1.5
Fail
1.8
Fail
1.4
Fail
1.4
Fail
1.5
Fail
—
2.7
Fail
2.0
Fail
2.1
Fail
1.8
Fail
2.7
Fail
—
1.4
Fail
1.3
Fail
1.4
Fail
2.0
Fail
1.4
Fail
—
1.1
Fail
1.4
Fail
2.1
Fail
1.3
Fail
1.1
Fail
—
White BG
2.5Fail
3.7AA Large
1.4Fail
1.9Fail
1.8Fail
Black BG
8.3AAA
5.6AA
15.3AAA
11.2AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C472
A4A262
EDED8E
C7C692
CFCE8B

Deuteranopia

CDD673
ACB861
EFF194
C8C995
D0D28F

Tritanopia

F77575
DD5D5C
FAA1A5
CD9D9F
D8999C

Achromatopsia

A1A1A1
7E7E7E
D8D8D8
BCBCBC
C0C0C0

Shades & Tints Shades & Tints

#FD7C6F

Dark
Light

#E54E69

Dark
Light

#FCD976

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fd7c6f;
  --color-2: #e54e69;
  --color-3: #fcd976;
  --color-4: #cebd84;
  --color-5: #d9c17a;
}

SCSS

$color-1: #fd7c6f;
$color-2: #e54e69;
$color-3: #fcd976;
$color-4: #cebd84;
$color-5: #d9c17a;

TAILWIND

colors: {
  'brand-1': '#fd7c6f',
  'brand-2': '#e54e69',
  'brand-3': '#fcd976',
  'brand-4': '#cebd84',
  'brand-5': '#d9c17a',
}

RGB Array

[253, 124, 111], [229, 78, 105], [252, 217, 118], [206, 189, 132], [217, 193, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FD7C6F, #E54E69, #FCD976, #CEBD84, #D9C17A 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: #fd7c6f; --color-2: #e54e69; --color-3: #fcd976; --color-4: #cebd84; --color-5: #d9c17a. 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