← Back to Editor

#FCEBCF · #F9AF61 · #F76866 · #8DB9BA · #D2C29D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FCEBCF

Goose Yellow · Bisque · Peach Orange

HEX
#FCEBCF
RGB
rgb(252, 235, 207)
HSL
hsl(37, 88%, 90%)
HSB
hsb(37, 18%, 99%)
CMYK
cmyk(0%, 7%, 18%, 1%)
Oklch
oklch(94.6% 0.041 80.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F9AF61

Ginger · SandyBrown · Warm Sun

HEX
#F9AF61
RGB
rgb(249, 175, 97)
HSL
hsl(31, 93%, 68%)
HSB
hsb(31, 61%, 98%)
CMYK
cmyk(0%, 30%, 61%, 2%)
Oklch
oklch(81.0% 0.128 65.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F76866

Peach Pink · Salmon · Coral Red

HEX
#F76866
RGB
rgb(247, 104, 102)
HSL
hsl(1, 90%, 68%)
HSB
hsb(1, 59%, 97%)
CMYK
cmyk(0%, 58%, 59%, 3%)
Oklch
oklch(69.5% 0.176 23.6)

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

#8DB9BA

Sky Blue · DarkGray · Lake Green

HEX
#8DB9BA
RGB
rgb(141, 185, 186)
HSL
hsl(181, 25%, 64%)
HSB
hsb(181, 24%, 73%)
CMYK
cmyk(24%, 1%, 0%, 27%)
Oklch
oklch(75.5% 0.047 197.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#D2C29D

Goose Yellow · Tan · Sunflower

HEX
#D2C29D
RGB
rgb(210, 194, 157)
HSL
hsl(42, 37%, 72%)
HSB
hsb(42, 25%, 82%)
CMYK
cmyk(0%, 8%, 25%, 18%)
Oklch
oklch(81.8% 0.053 87.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCEBCF
CFE0FC

Analogous

FCD4CF
FCEBCF
F7FCCF

Triadic

FCEBCF
CFFCEB
EBCFFC

Split-Comp.

FCEBCF
CFF7FC
D4CFFC

Tetradic

FCEBCF
CFFCD4
CFE0FC
FCCFF7

Contrast Matrix WCAG 2.1 Contrast

FCEBCF
F9AF61
F76866
8DB9BA
D2C29D
—
1.6
Fail
2.5
Fail
1.8
Fail
1.5
Fail
1.6
Fail
—
1.6
Fail
1.2
Fail
1.1
Fail
2.5
Fail
1.6
Fail
—
1.4
Fail
1.7
Fail
1.8
Fail
1.2
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
1.1
Fail
1.7
Fail
1.2
Fail
—
White BG
1.2Fail
1.9Fail
2.9Fail
2.1Fail
1.8Fail
Black BG
17.9AAA
11.3AAA
7.1AAA
9.8AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F4D6
D9D874
B9B866
A0A0BA
CBCBA6

Deuteranopia

F6F7D7
DDE378
C1CC67
9E9ABA
CCCDA8

Tritanopia

FBDBDC
F58386
F06767
8FBABA
D1ADAF

Achromatopsia

EDEDED
BCBCBC
939393
ACACAC
C3C3C3

Shades & Tints Shades & Tints

#FCEBCF

Dark
Light

#F9AF61

Dark
Light

#F76866

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcebcf;
  --color-2: #f9af61;
  --color-3: #f76866;
  --color-4: #8db9ba;
  --color-5: #d2c29d;
}

SCSS

$color-1: #fcebcf;
$color-2: #f9af61;
$color-3: #f76866;
$color-4: #8db9ba;
$color-5: #d2c29d;

TAILWIND

colors: {
  'brand-1': '#fcebcf',
  'brand-2': '#f9af61',
  'brand-3': '#f76866',
  'brand-4': '#8db9ba',
  'brand-5': '#d2c29d',
}

RGB Array

[252, 235, 207], [249, 175, 97], [247, 104, 102], [141, 185, 186], [210, 194, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCEBCF, #F9AF61, #F76866, #8DB9BA, #D2C29D 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: #fcebcf; --color-2: #f9af61; --color-3: #f76866; --color-4: #8db9ba; --color-5: #d2c29d. 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