← Back to Editor

#F8ECC9 · #F7DAB7 · #F7C199 · #EBA978 · #9C8879

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

#F8ECC9

Goose Yellow · Bisque · Lemon Cream

HEX
#F8ECC9
RGB
rgb(248, 236, 201)
HSL
hsl(45, 77%, 88%)
HSB
hsb(45, 19%, 97%)
CMYK
cmyk(0%, 5%, 19%, 3%)
Oklch
oklch(94.4% 0.048 91.3)

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

#F7DAB7

Goose Yellow · Wheat · Peach Orange

HEX
#F7DAB7
RGB
rgb(247, 218, 183)
HSL
hsl(33, 80%, 84%)
HSB
hsb(33, 26%, 97%)
CMYK
cmyk(0%, 12%, 26%, 3%)
Oklch
oklch(90.4% 0.056 72.2)

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

#F7C199

Apricot · BurlyWood · Peach Orange

HEX
#F7C199
RGB
rgb(247, 193, 153)
HSL
hsl(26, 85%, 78%)
HSB
hsb(26, 38%, 97%)
CMYK
cmyk(0%, 22%, 38%, 3%)
Oklch
oklch(85.0% 0.082 57.9)

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

#EBA978

Apricot · DarkSalmon · Warm Sun

HEX
#EBA978
RGB
rgb(235, 169, 120)
HSL
hsl(26, 74%, 70%)
HSB
hsb(26, 49%, 92%)
CMYK
cmyk(0%, 28%, 49%, 8%)
Oklch
oklch(78.7% 0.101 57.2)

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

#9C8879

Tangerine · Gray · Warm Sun

HEX
#9C8879
RGB
rgb(156, 136, 121)
HSL
hsl(26, 15%, 54%)
HSB
hsb(26, 22%, 61%)
CMYK
cmyk(0%, 13%, 22%, 39%)
Oklch
oklch(64.1% 0.033 59.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8ECC9
C9D5F8

Analogous

F8D5C9
F8ECC9
ECF8C9

Triadic

F8ECC9
C9F8EC
ECC9F8

Split-Comp.

F8ECC9
C9ECF8
D5C9F8

Tetradic

F8ECC9
C9F8D5
C9D5F8
F8C9EC

Contrast Matrix WCAG 2.1 Contrast

F8ECC9
F7DAB7
F7C199
EBA978
9C8879
—
1.1
Fail
1.4
Fail
1.7
Fail
2.9
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.5
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.7
Fail
2.9
Fail
2.5
Fail
2.1
Fail
1.7
Fail
—
White BG
1.2Fail
1.3Fail
1.6Fail
2.0Fail
3.4AA Large
Black BG
17.8AAA
15.7AAA
13.0AAA
10.5AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3D1
EAEABF
E0DFA3
CECE84
93937D

Deuteranopia

F4F4D4
ECEEC2
E3E7A5
D2D787
95967D

Tritanopia

F7D8DA
F6C6C8
F4AAAC
E88D8F
9B7F80

Achromatopsia

ECECEC
DFDFDF
CDCDCD
B7B7B7
8C8C8C

Shades & Tints Shades & Tints

#F8ECC9

Dark
Light

#F7DAB7

Dark
Light

#F7C199

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8ecc9;
  --color-2: #f7dab7;
  --color-3: #f7c199;
  --color-4: #eba978;
  --color-5: #9c8879;
}

SCSS

$color-1: #f8ecc9;
$color-2: #f7dab7;
$color-3: #f7c199;
$color-4: #eba978;
$color-5: #9c8879;

TAILWIND

colors: {
  'brand-1': '#f8ecc9',
  'brand-2': '#f7dab7',
  'brand-3': '#f7c199',
  'brand-4': '#eba978',
  'brand-5': '#9c8879',
}

RGB Array

[248, 236, 201], [247, 218, 183], [247, 193, 153], [235, 169, 120], [156, 136, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8ECC9, #F7DAB7, #F7C199, #EBA978, #9C8879 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: #f8ecc9; --color-2: #f7dab7; --color-3: #f7c199; --color-4: #eba978; --color-5: #9c8879. 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