← Back to Editor

#F1228C · #CDC596 · #E0DEAD · #F5E9AF · #FFF2D7

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

#F1228C

Rose Purple · DeepPink · Rose Pink

HEX
#F1228C
RGB
rgb(241, 34, 140)
HSL
hsl(329, 88%, 54%)
HSB
hsb(329, 86%, 95%)
CMYK
cmyk(0%, 86%, 42%, 5%)
Oklch
oklch(63.4% 0.244 357.1)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#CDC596

Fresh Green · Tan · Sunflower

HEX
#CDC596
RGB
rgb(205, 197, 150)
HSL
hsl(51, 35%, 70%)
HSB
hsb(51, 27%, 80%)
CMYK
cmyk(0%, 4%, 27%, 20%)
Oklch
oklch(81.8% 0.063 99.5)

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

#E0DEAD

Fresh Green · Wheat · Lemon Cream

HEX
#E0DEAD
RGB
rgb(224, 222, 173)
HSL
hsl(58, 45%, 78%)
HSB
hsb(58, 23%, 88%)
CMYK
cmyk(0%, 1%, 23%, 12%)
Oklch
oklch(89.0% 0.064 105.7)

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

#F5E9AF

Fresh Green · Wheat · Lemon Cream

HEX
#F5E9AF
RGB
rgb(245, 233, 175)
HSL
hsl(50, 78%, 82%)
HSB
hsb(50, 29%, 96%)
CMYK
cmyk(0%, 5%, 29%, 4%)
Oklch
oklch(93.0% 0.075 97.8)

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

#FFF2D7

Goose Yellow · Beige · Lemon Cream

HEX
#FFF2D7
RGB
rgb(255, 242, 215)
HSL
hsl(40, 100%, 92%)
HSB
hsb(40, 16%, 100%)
CMYK
cmyk(0%, 5%, 16%, 0%)
Oklch
oklch(96.4% 0.038 85.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1228C
22F186

Analogous

ED22F1
F1228C
F12226

Triadic

F1228C
8DF122
228DF1

Split-Comp.

F1228C
26F122
22F1ED

Tetradic

F1228C
F1ED22
22F186
2226F1

Contrast Matrix WCAG 2.1 Contrast

F1228C
CDC596
E0DEAD
F5E9AF
FFF2D7
—
2.2
Fail
2.8
Fail
3.2
AA Large
3.5
AA Large
2.2
Fail
—
1.3
Fail
1.4
Fail
1.6
Fail
2.8
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
3.2
AA Large
1.4
Fail
1.1
Fail
—
1.1
Fail
3.5
AA Large
1.6
Fail
1.2
Fail
1.1
Fail
—
White BG
3.9AA Large
1.7Fail
1.4Fail
1.2Fail
1.1Fail
Black BG
5.3AA
12.0AAA
15.2AAA
17.2AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

979672
CAC9A1
DFDFB9
F0F0BD
F9F9DE

Deuteranopia

A3B36C
CACBA4
DFDFBC
F1F1C0
FAFBDF

Tritanopia

E75E5A
CDAAAC
E0C2C4
F4C8CB
FEE3E4

Achromatopsia

6C6C6C
C2C2C2
D9D9D9
E6E6E6
F3F3F3

Shades & Tints Shades & Tints

#F1228C

Dark
Light

#CDC596

Dark
Light

#E0DEAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1228c;
  --color-2: #cdc596;
  --color-3: #e0dead;
  --color-4: #f5e9af;
  --color-5: #fff2d7;
}

SCSS

$color-1: #f1228c;
$color-2: #cdc596;
$color-3: #e0dead;
$color-4: #f5e9af;
$color-5: #fff2d7;

TAILWIND

colors: {
  'brand-1': '#f1228c',
  'brand-2': '#cdc596',
  'brand-3': '#e0dead',
  'brand-4': '#f5e9af',
  'brand-5': '#fff2d7',
}

RGB Array

[241, 34, 140], [205, 197, 150], [224, 222, 173], [245, 233, 175], [255, 242, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F1228C, #CDC596, #E0DEAD, #F5E9AF, #FFF2D7 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: #f1228c; --color-2: #cdc596; --color-3: #e0dead; --color-4: #f5e9af; --color-5: #fff2d7. 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