← Back to Editor

#FFE3F2 · #C3F2EE · #F0DBF2 · #FEFFB5 · #D5FFB5

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FFE3F2

Mauve · Linen · Cherry Blossom

HEX
#FFE3F2
RGB
rgb(255, 227, 242)
HSL
hsl(328, 100%, 95%)
HSB
hsb(328, 11%, 100%)
CMYK
cmyk(0%, 11%, 5%, 0%)
Oklch
oklch(94.3% 0.036 344.3)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#C3F2EE

Jade · LightBlue · Glacier Blue

HEX
#C3F2EE
RGB
rgb(195, 242, 238)
HSL
hsl(175, 64%, 86%)
HSB
hsb(175, 19%, 95%)
CMYK
cmyk(19%, 0%, 2%, 5%)
Oklch
oklch(92.7% 0.048 190.0)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#F0DBF2

Lilac · Lavender · Lavender

HEX
#F0DBF2
RGB
rgb(240, 219, 242)
HSL
hsl(295, 47%, 90%)
HSB
hsb(295, 10%, 95%)
CMYK
cmyk(1%, 10%, 0%, 5%)
Oklch
oklch(91.5% 0.038 323.2)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#FEFFB5

Fresh Green · Bisque · Lemon Cream

HEX
#FEFFB5
RGB
rgb(254, 255, 181)
HSL
hsl(61, 100%, 85%)
HSB
hsb(61, 29%, 100%)
CMYK
cmyk(0%, 0%, 29%, 0%)
Oklch
oklch(98.2% 0.093 108.7)

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

#D5FFB5

Emerald · Wheat · Mint Green

HEX
#D5FFB5
RGB
rgb(213, 255, 181)
HSL
hsl(94, 100%, 85%)
HSB
hsb(94, 29%, 100%)
CMYK
cmyk(16%, 0%, 29%, 0%)
Oklch
oklch(95.3% 0.106 132.2)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE3F2
E5FFF1

Analogous

FEE5FF
FFE3F2
FFE5E6

Triadic

FFE3F2
F3FFE5
E5F3FF

Split-Comp.

FFE3F2
E6FFE5
E5FFFE

Tetradic

FFE3F2
FFFEE5
E5FFF1
E5E6FF

Contrast Matrix WCAG 2.1 Contrast

FFE3F2
C3F2EE
F0DBF2
FEFFB5
D5FFB5
—
1.0
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
White BG
1.2Fail
1.2Fail
1.3Fail
1.0Fail
1.1Fail
Black BG
17.5AAA
17.3AAA
16.1AAA
20.2AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3EE
D7D8EF
E7E7EC
FEFEC7
E7E8C7

Deuteranopia

F5F7ED
D5D1EF
E8EAEB
FEFECB
E5E2CB

Tritanopia

FEECEB
C5F0F0
EFE8E7
FED5D8
D7D5D8

Achromatopsia

EDEDED
E3E3E3
E4E4E4
F6F6F6
EAEAEA

Shades & Tints Shades & Tints

#FFE3F2

Dark
Light

#C3F2EE

Dark
Light

#F0DBF2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe3f2;
  --color-2: #c3f2ee;
  --color-3: #f0dbf2;
  --color-4: #feffb5;
  --color-5: #d5ffb5;
}

SCSS

$color-1: #ffe3f2;
$color-2: #c3f2ee;
$color-3: #f0dbf2;
$color-4: #feffb5;
$color-5: #d5ffb5;

TAILWIND

colors: {
  'brand-1': '#ffe3f2',
  'brand-2': '#c3f2ee',
  'brand-3': '#f0dbf2',
  'brand-4': '#feffb5',
  'brand-5': '#d5ffb5',
}

RGB Array

[255, 227, 242], [195, 242, 238], [240, 219, 242], [254, 255, 181], [213, 255, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFE3F2, #C3F2EE, #F0DBF2, #FEFFB5, #D5FFB5 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: #ffe3f2; --color-2: #c3f2ee; --color-3: #f0dbf2; --color-4: #feffb5; --color-5: #d5ffb5. 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