← Back to Editor

#FFDE4D · #FFE591 · #FAFAD4 · #ECECBB · #FC7874

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

#FFDE4D

Ginger · SandyBrown · Sunflower

HEX
#FFDE4D
RGB
rgb(255, 222, 77)
HSL
hsl(49, 100%, 65%)
HSB
hsb(49, 70%, 100%)
CMYK
cmyk(0%, 13%, 70%, 0%)
Oklch
oklch(90.4% 0.161 96.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FFE591

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE591
RGB
rgb(255, 229, 145)
HSL
hsl(46, 100%, 78%)
HSB
hsb(46, 43%, 100%)
CMYK
cmyk(0%, 10%, 43%, 0%)
Oklch
oklch(92.5% 0.107 92.8)

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

#FAFAD4

Fresh Green · Beige · Lemon Cream

HEX
#FAFAD4
RGB
rgb(250, 250, 212)
HSL
hsl(60, 79%, 91%)
HSB
hsb(60, 15%, 98%)
CMYK
cmyk(0%, 0%, 15%, 2%)
Oklch
oklch(97.5% 0.049 107.3)

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

#ECECBB

Fresh Green · Wheat · Lemon Cream

HEX
#ECECBB
RGB
rgb(236, 236, 187)
HSL
hsl(60, 56%, 83%)
HSB
hsb(60, 21%, 93%)
CMYK
cmyk(0%, 0%, 21%, 7%)
Oklch
oklch(93.1% 0.064 107.6)

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

#FC7874

Peach Pink · Salmon · Coral Red

HEX
#FC7874
RGB
rgb(252, 120, 116)
HSL
hsl(2, 96%, 72%)
HSB
hsb(2, 54%, 99%)
CMYK
cmyk(0%, 52%, 54%, 1%)
Oklch
oklch(72.7% 0.162 23.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDE4D
4D6DFF

Analogous

FF854D
FFDE4D
C6FF4D

Triadic

FFDE4D
4DFFDE
DE4DFF

Split-Comp.

FFDE4D
4DC6FF
854DFF

Tetradic

FFDE4D
4DFF85
4D6DFF
FF4DC6

Contrast Matrix WCAG 2.1 Contrast

FFDE4D
FFE591
FAFAD4
ECECBB
FC7874
—
1.1
Fail
1.2
Fail
1.1
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
1.0
Fail
2.1
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
2.4
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
2.1
Fail
2.0
Fail
2.1
Fail
2.4
Fail
2.1
Fail
—
White BG
1.3Fail
1.2Fail
1.1Fail
1.2Fail
2.6Fail
Black BG
15.8AAA
16.9AAA
19.7AAA
17.3AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F070
F4F4A5
FAFADD
ECECC7
C3C275

Deuteranopia

F3F579
F5F7AA
FAFADF
ECECCA
CBD475

Tritanopia

FD8C92
FEB5B9
FAE4E6
ECD0D2
F57676

Achromatopsia

D7D7D7
E3E3E3
F6F6F6
E6E6E6
9F9F9F

Shades & Tints Shades & Tints

#FFDE4D

Dark
Light

#FFE591

Dark
Light

#FAFAD4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffde4d;
  --color-2: #ffe591;
  --color-3: #fafad4;
  --color-4: #ececbb;
  --color-5: #fc7874;
}

SCSS

$color-1: #ffde4d;
$color-2: #ffe591;
$color-3: #fafad4;
$color-4: #ececbb;
$color-5: #fc7874;

TAILWIND

colors: {
  'brand-1': '#ffde4d',
  'brand-2': '#ffe591',
  'brand-3': '#fafad4',
  'brand-4': '#ececbb',
  'brand-5': '#fc7874',
}

RGB Array

[255, 222, 77], [255, 229, 145], [250, 250, 212], [236, 236, 187], [252, 120, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFDE4D, #FFE591, #FAFAD4, #ECECBB, #FC7874 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: #ffde4d; --color-2: #ffe591; --color-3: #fafad4; --color-4: #ececbb; --color-5: #fc7874. 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