← Back to Editor

#FCED97 · #F2DEA9 · #E7CFBB · #D799A7 · #C76292

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

#FCED97

Fresh Green · Khaki · Lemon Cream

HEX
#FCED97
RGB
rgb(252, 237, 151)
HSL
hsl(51, 94%, 79%)
HSB
hsb(51, 40%, 99%)
CMYK
cmyk(0%, 6%, 40%, 1%)
Oklch
oklch(93.9% 0.108 99.6)

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

#F2DEA9

Goose Yellow · Wheat · Lemon Cream

HEX
#F2DEA9
RGB
rgb(242, 222, 169)
HSL
hsl(44, 74%, 81%)
HSB
hsb(44, 30%, 95%)
CMYK
cmyk(0%, 8%, 30%, 5%)
Oklch
oklch(90.4% 0.072 89.8)

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

#E7CFBB

Apricot · Wheat · Peach Orange

HEX
#E7CFBB
RGB
rgb(231, 207, 187)
HSL
hsl(27, 48%, 82%)
HSB
hsb(27, 19%, 91%)
CMYK
cmyk(0%, 10%, 19%, 9%)
Oklch
oklch(86.9% 0.038 62.1)

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

#D799A7

Peach Pink · Tan · Coral Red

HEX
#D799A7
RGB
rgb(215, 153, 167)
HSL
hsl(346, 44%, 72%)
HSB
hsb(346, 29%, 84%)
CMYK
cmyk(0%, 29%, 22%, 16%)
Oklch
oklch(74.7% 0.076 4.2)

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

#C76292

Dark Violet · LightCoral · Rose Pink

HEX
#C76292
RGB
rgb(199, 98, 146)
HSL
hsl(331, 47%, 58%)
HSB
hsb(331, 51%, 78%)
CMYK
cmyk(0%, 51%, 27%, 22%)
Oklch
oklch(63.0% 0.139 352.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCED97
97A6FC

Analogous

FCBA97
FCED97
D9FC97

Triadic

FCED97
97FCED
ED97FC

Split-Comp.

FCED97
97D9FC
BA97FC

Tetradic

FCED97
97FCBA
97A6FC
FC97D9

Contrast Matrix WCAG 2.1 Contrast

FCED97
F2DEA9
E7CFBB
D799A7
C76292
—
1.1
Fail
1.3
Fail
2.0
Fail
3.2
AA Large
1.1
Fail
—
1.1
Fail
1.8
Fail
2.8
Fail
1.3
Fail
1.1
Fail
—
1.6
Fail
2.5
Fail
2.0
Fail
1.8
Fail
1.6
Fail
—
1.6
Fail
3.2
AA Large
2.8
Fail
2.5
Fail
1.6
Fail
—
White BG
1.2Fail
1.3Fail
1.5Fail
2.3Fail
3.8AA Large
Black BG
17.7AAA
15.8AAA
14.0AAA
9.0AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F5AC
E9E9B6
DDDCC0
BCBCA4
9B9A86

Deuteranopia

F6F7B1
EBECB9
DEE0C1
C0C4A3
A1A984

Tritanopia

FBBCC0
F1C0C2
E6C4C5
D4A1A0
C27D7B

Achromatopsia

E8E8E8
DEDEDE
D4D4D4
ADADAD
868686

Shades & Tints Shades & Tints

#FCED97

Dark
Light

#F2DEA9

Dark
Light

#E7CFBB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fced97;
  --color-2: #f2dea9;
  --color-3: #e7cfbb;
  --color-4: #d799a7;
  --color-5: #c76292;
}

SCSS

$color-1: #fced97;
$color-2: #f2dea9;
$color-3: #e7cfbb;
$color-4: #d799a7;
$color-5: #c76292;

TAILWIND

colors: {
  'brand-1': '#fced97',
  'brand-2': '#f2dea9',
  'brand-3': '#e7cfbb',
  'brand-4': '#d799a7',
  'brand-5': '#c76292',
}

RGB Array

[252, 237, 151], [242, 222, 169], [231, 207, 187], [215, 153, 167], [199, 98, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCED97, #F2DEA9, #E7CFBB, #D799A7, #C76292 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: #fced97; --color-2: #f2dea9; --color-3: #e7cfbb; --color-4: #d799a7; --color-5: #c76292. 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