← Back to Editor

#FCF7D7 · #FEA667 · #FFE461 · #C4C776 · #F4D092

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FCF7D7

Fresh Green · Beige · Lemon Cream

HEX
#FCF7D7
RGB
rgb(252, 247, 215)
HSL
hsl(52, 86%, 92%)
HSB
hsb(52, 15%, 99%)
CMYK
cmyk(0%, 2%, 15%, 1%)
Oklch
oklch(97.2% 0.042 99.8)

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

#FEA667

Apricot · SandyBrown · Warm Sun

HEX
#FEA667
RGB
rgb(254, 166, 103)
HSL
hsl(25, 99%, 70%)
HSB
hsb(25, 59%, 100%)
CMYK
cmyk(0%, 35%, 59%, 0%)
Oklch
oklch(80.0% 0.131 55.2)

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

#FFE461

Fresh Green · Khaki · Sunflower

HEX
#FFE461
RGB
rgb(255, 228, 97)
HSL
hsl(50, 100%, 69%)
HSB
hsb(50, 62%, 100%)
CMYK
cmyk(0%, 11%, 62%, 0%)
Oklch
oklch(91.7% 0.151 97.7)

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

#C4C776

Fresh Green · Tan · Sunflower

HEX
#C4C776
RGB
rgb(196, 199, 118)
HSL
hsl(62, 42%, 62%)
HSB
hsb(62, 41%, 78%)
CMYK
cmyk(2%, 0%, 41%, 22%)
Oklch
oklch(80.9% 0.104 110.3)

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

#F4D092

Goose Yellow · Khaki · Peach Orange

HEX
#F4D092
RGB
rgb(244, 208, 146)
HSL
hsl(38, 82%, 76%)
HSB
hsb(38, 40%, 96%)
CMYK
cmyk(0%, 15%, 40%, 4%)
Oklch
oklch(87.4% 0.089 80.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF7D7
D9DEFC

Analogous

FCE6D9
FCF7D7
EFFCD9

Triadic

FCF7D7
D9FCF7
F7D9FC

Split-Comp.

FCF7D7
D9EFFC
E6D9FC

Tetradic

FCF7D7
D9FCE6
D9DEFC
FCD9EF

Contrast Matrix WCAG 2.1 Contrast

FCF7D7
FEA667
FFE461
C4C776
F4D092
—
1.8
Fail
1.2
Fail
1.6
Fail
1.4
Fail
1.8
Fail
—
1.5
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.5
Fail
—
1.4
Fail
1.2
Fail
1.6
Fail
1.1
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.2
Fail
—
White BG
1.1Fail
1.9Fail
1.3Fail
1.8Fail
1.5Fail
Black BG
19.4AAA
10.9AAA
16.5AAA
11.8AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFADF
D8D776
F3F381
C5C58A
E4E4A1

Deuteranopia

FAFAE1
DDE47A
F5F788
C5C58E
E7E9A5

Tritanopia

FCE5E6
FA8285
FE9A9F
C4999C
F2ADAF

Achromatopsia

F5F5F5
B9B9B9
DDDDDD
BDBDBD
D4D4D4

Shades & Tints Shades & Tints

#FCF7D7

Dark
Light

#FEA667

Dark
Light

#FFE461

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf7d7;
  --color-2: #fea667;
  --color-3: #ffe461;
  --color-4: #c4c776;
  --color-5: #f4d092;
}

SCSS

$color-1: #fcf7d7;
$color-2: #fea667;
$color-3: #ffe461;
$color-4: #c4c776;
$color-5: #f4d092;

TAILWIND

colors: {
  'brand-1': '#fcf7d7',
  'brand-2': '#fea667',
  'brand-3': '#ffe461',
  'brand-4': '#c4c776',
  'brand-5': '#f4d092',
}

RGB Array

[252, 247, 215], [254, 166, 103], [255, 228, 97], [196, 199, 118], [244, 208, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FCF7D7, #FEA667, #FFE461, #C4C776, #F4D092 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: #fcf7d7; --color-2: #fea667; --color-3: #ffe461; --color-4: #c4c776; --color-5: #f4d092. 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 pastel-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