← Back to Editor

#FFFD9E · #FCEE85 · #FFC67F · #88A47E · #4E8477

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

#FFFD9E

Fresh Green · Khaki · Lemon Cream

HEX
#FFFD9E
RGB
rgb(255, 253, 158)
HSL
hsl(59, 100%, 81%)
HSB
hsb(59, 38%, 100%)
CMYK
cmyk(0%, 1%, 38%, 0%)
Oklch
oklch(97.5% 0.117 107.3)

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

#FCEE85

Fresh Green · Khaki · Sunflower

HEX
#FCEE85
RGB
rgb(252, 238, 133)
HSL
hsl(53, 95%, 75%)
HSB
hsb(53, 47%, 99%)
CMYK
cmyk(0%, 6%, 47%, 1%)
Oklch
oklch(93.9% 0.127 101.8)

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

#FFC67F

Goose Yellow · BurlyWood · Warm Sun

HEX
#FFC67F
RGB
rgb(255, 198, 127)
HSL
hsl(33, 100%, 75%)
HSB
hsb(33, 50%, 100%)
CMYK
cmyk(0%, 22%, 50%, 0%)
Oklch
oklch(86.3% 0.110 71.6)

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

#88A47E

Celadon · DarkSeaGreen · Olive Green

HEX
#88A47E
RGB
rgb(136, 164, 126)
HSL
hsl(104, 17%, 57%)
HSB
hsb(104, 23%, 64%)
CMYK
cmyk(17%, 0%, 23%, 36%)
Oklch
oklch(68.7% 0.063 137.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#4E8477

Mineral Blue · DimGray · Mint Ice

HEX
#4E8477
RGB
rgb(78, 132, 119)
HSL
hsl(166, 26%, 41%)
HSB
hsb(166, 41%, 52%)
CMYK
cmyk(41%, 0%, 10%, 48%)
Oklch
oklch(57.2% 0.061 176.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFD9E
9EA0FF

Analogous

FFCD9E
FFFD9E
D0FF9E

Triadic

FFFD9E
9EFFFD
FD9EFF

Split-Comp.

FFFD9E
9ED0FF
CD9EFF

Tetradic

FFFD9E
9EFFCD
9EA0FF
FF9ED0

Contrast Matrix WCAG 2.1 Contrast

FFFD9E
FCEE85
FFC67F
88A47E
4E8477
—
1.1
Fail
1.5
Fail
2.6
Fail
4.0
AA Large
1.1
Fail
—
1.3
Fail
2.3
Fail
3.6
AA Large
1.5
Fail
1.3
Fail
—
1.8
Fail
2.8
Fail
2.6
Fail
2.3
Fail
1.8
Fail
—
1.6
Fail
4.0
AA Large
3.6
AA Large
2.8
Fail
1.6
Fail
—
White BG
1.1Fail
1.2Fail
1.5Fail
2.7Fail
4.3AA Large
Black BG
19.8AAA
17.7AAA
13.6AAA
7.7AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEB5
F6F69E
E6E690
949487
65667A

Deuteranopia

FEFEBB
F7F8A5
EAEE94
939089
625E7B

Tritanopia

FFC7CB
FBB2B7
FC9EA1
898E90
517D7D

Achromatopsia

F3F3F3
E6E6E6
CFCFCF
979797
727272

Shades & Tints Shades & Tints

#FFFD9E

Dark
Light

#FCEE85

Dark
Light

#FFC67F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffd9e;
  --color-2: #fcee85;
  --color-3: #ffc67f;
  --color-4: #88a47e;
  --color-5: #4e8477;
}

SCSS

$color-1: #fffd9e;
$color-2: #fcee85;
$color-3: #ffc67f;
$color-4: #88a47e;
$color-5: #4e8477;

TAILWIND

colors: {
  'brand-1': '#fffd9e',
  'brand-2': '#fcee85',
  'brand-3': '#ffc67f',
  'brand-4': '#88a47e',
  'brand-5': '#4e8477',
}

RGB Array

[255, 253, 158], [252, 238, 133], [255, 198, 127], [136, 164, 126], [78, 132, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFD9E, #FCEE85, #FFC67F, #88A47E, #4E8477 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: #fffd9e; --color-2: #fcee85; --color-3: #ffc67f; --color-4: #88a47e; --color-5: #4e8477. 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