← Back to Editor

#FDF199 · #FFFEEC · #FDD9D2 · #FFC1C6 · #D7DE92

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

#FDF199

Fresh Green · Khaki · Lemon Cream

HEX
#FDF199
RGB
rgb(253, 241, 153)
HSL
hsl(53, 96%, 80%)
HSB
hsb(53, 40%, 99%)
CMYK
cmyk(0%, 5%, 40%, 1%)
Oklch
oklch(94.9% 0.109 101.5)

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

#FFFEEC

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFEEC
RGB
rgb(255, 254, 236)
HSL
hsl(57, 100%, 96%)
HSB
hsb(57, 7%, 100%)
CMYK
cmyk(0%, 0%, 7%, 0%)
Oklch
oklch(99.3% 0.024 104.2)

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

#FDD9D2

Peach Pink · Bisque · Cherry Blossom

HEX
#FDD9D2
RGB
rgb(253, 217, 210)
HSL
hsl(10, 91%, 91%)
HSB
hsb(10, 17%, 99%)
CMYK
cmyk(0%, 14%, 17%, 1%)
Oklch
oklch(91.4% 0.041 30.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFC1C6

Peach Pink · Pink · Cherry Blossom

HEX
#FFC1C6
RGB
rgb(255, 193, 198)
HSL
hsl(355, 100%, 88%)
HSB
hsb(355, 24%, 100%)
CMYK
cmyk(0%, 24%, 22%, 0%)
Oklch
oklch(86.8% 0.072 13.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D7DE92

Fresh Green · Khaki · Sunflower

HEX
#D7DE92
RGB
rgb(215, 222, 146)
HSL
hsl(66, 54%, 72%)
HSB
hsb(66, 34%, 87%)
CMYK
cmyk(3%, 0%, 34%, 13%)
Oklch
oklch(87.8% 0.098 112.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDF199
9BA6FD

Analogous

FDC19B
FDF199
D7FD9B

Triadic

FDF199
9BFDF2
F29BFD

Split-Comp.

FDF199
9BD7FD
C19BFD

Tetradic

FDF199
9BFDC1
9BA6FD
FD9BD7

Contrast Matrix WCAG 2.1 Contrast

FDF199
FFFEEC
FDD9D2
FFC1C6
D7DE92
—
1.1
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.4
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
1.2Fail
1.0Fail
1.3Fail
1.5Fail
1.4Fail
Black BG
18.2AAA
20.6AAA
16.0AAA
13.7AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8AE
FFFFF0
EDEDD4
E4E4C5
DADAA4

Deuteranopia

F9F9B3
FFFFF1
F0F2D4
E8ECC5
DAD9A9

Tritanopia

FCBFC3
FFF4F5
FBD5D5
FCC4C4
D7B3B6

Achromatopsia

EBEBEB
FCFCFC
E3E3E3
D4D4D4
D3D3D3

Shades & Tints Shades & Tints

#FDF199

Dark
Light

#FFFEEC

Dark
Light

#FDD9D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdf199;
  --color-2: #fffeec;
  --color-3: #fdd9d2;
  --color-4: #ffc1c6;
  --color-5: #d7de92;
}

SCSS

$color-1: #fdf199;
$color-2: #fffeec;
$color-3: #fdd9d2;
$color-4: #ffc1c6;
$color-5: #d7de92;

TAILWIND

colors: {
  'brand-1': '#fdf199',
  'brand-2': '#fffeec',
  'brand-3': '#fdd9d2',
  'brand-4': '#ffc1c6',
  'brand-5': '#d7de92',
}

RGB Array

[253, 241, 153], [255, 254, 236], [253, 217, 210], [255, 193, 198], [215, 222, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FDF199, #FFFEEC, #FDD9D2, #FFC1C6, #D7DE92 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: #fdf199; --color-2: #fffeec; --color-3: #fdd9d2; --color-4: #ffc1c6; --color-5: #d7de92. 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