← Back to Editor

#F29FA8 · #F7CB80 · #FCE676 · #CCC956 · #A39D47

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

#F29FA8

Peach Pink · LightPink · Coral Red

HEX
#F29FA8
RGB
rgb(242, 159, 168)
HSL
hsl(353, 76%, 79%)
HSB
hsb(353, 34%, 95%)
CMYK
cmyk(0%, 34%, 31%, 5%)
Oklch
oklch(78.7% 0.099 12.5)

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

#F7CB80

Goose Yellow · Khaki · Warm Sun

HEX
#F7CB80
RGB
rgb(247, 203, 128)
HSL
hsl(38, 88%, 74%)
HSB
hsb(38, 48%, 97%)
CMYK
cmyk(0%, 18%, 48%, 3%)
Oklch
oklch(86.4% 0.106 80.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FCE676

Fresh Green · Khaki · Sunflower

HEX
#FCE676
RGB
rgb(252, 230, 118)
HSL
hsl(50, 96%, 73%)
HSB
hsb(50, 53%, 99%)
CMYK
cmyk(0%, 9%, 53%, 1%)
Oklch
oklch(92.1% 0.134 98.4)

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

#CCC956

Autumn Sage · BurlyWood · Sunflower

HEX
#CCC956
RGB
rgb(204, 201, 86)
HSL
hsl(58, 54%, 57%)
HSB
hsb(58, 58%, 80%)
CMYK
cmyk(0%, 1%, 58%, 20%)
Oklch
oklch(81.6% 0.137 107.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A39D47

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A39D47
RGB
rgb(163, 157, 71)
HSL
hsl(56, 39%, 46%)
HSB
hsb(56, 56%, 64%)
CMYK
cmyk(0%, 4%, 56%, 36%)
Oklch
oklch(68.3% 0.108 105.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F29FA8
A1F2E9

Analogous

F2A1D3
F29FA8
F2C0A1

Triadic

F29FA8
AAF2A1
A1AAF2

Split-Comp.

F29FA8
A1F2C0
A1D3F2

Tetradic

F29FA8
D3F2A1
A1F2E9
C0A1F2

Contrast Matrix WCAG 2.1 Contrast

F29FA8
F7CB80
FCE676
CCC956
A39D47
—
1.3
Fail
1.6
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.6
Fail
1.4
Fail
1.8
Fail
2.2
Fail
1.6
Fail
—
White BG
2.0Fail
1.5Fail
1.3Fail
1.7Fail
2.8Fail
Black BG
10.3AAA
13.8AAA
16.7AAA
12.1AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECDA6
E4E492
F2F291
CBCB72
A0A05C

Deuteranopia

D3D9A5
E7EA97
F4F598
CBCB79
A1A161

Tritanopia

EEA4A4
F5A0A4
FBA6AB
CC888D
A36C70

Achromatopsia

B9B9B9
D0D0D0
E0E0E0
BDBDBD
959595

Shades & Tints Shades & Tints

#F29FA8

Dark
Light

#F7CB80

Dark
Light

#FCE676

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f29fa8;
  --color-2: #f7cb80;
  --color-3: #fce676;
  --color-4: #ccc956;
  --color-5: #a39d47;
}

SCSS

$color-1: #f29fa8;
$color-2: #f7cb80;
$color-3: #fce676;
$color-4: #ccc956;
$color-5: #a39d47;

TAILWIND

colors: {
  'brand-1': '#f29fa8',
  'brand-2': '#f7cb80',
  'brand-3': '#fce676',
  'brand-4': '#ccc956',
  'brand-5': '#a39d47',
}

RGB Array

[242, 159, 168], [247, 203, 128], [252, 230, 118], [204, 201, 86], [163, 157, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F29FA8, #F7CB80, #FCE676, #CCC956, #A39D47 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: #f29fa8; --color-2: #f7cb80; --color-3: #fce676; --color-4: #ccc956; --color-5: #a39d47. 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