← Back to Editor

#DFF3FF · #E3F9D6 · #F1DDF7 · #FFE6E8 · #FEFFC0

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

#DFF3FF

Sky Blue · Lavender · Sky Blue

HEX
#DFF3FF
RGB
rgb(223, 243, 255)
HSL
hsl(203, 100%, 94%)
HSB
hsb(203, 13%, 100%)
CMYK
cmyk(13%, 5%, 0%, 0%)
Oklch
oklch(95.3% 0.027 234.0)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#E3F9D6

Emerald · Beige · Mint Green

HEX
#E3F9D6
RGB
rgb(227, 249, 214)
HSL
hsl(98, 74%, 91%)
HSB
hsb(98, 14%, 98%)
CMYK
cmyk(9%, 0%, 14%, 2%)
Oklch
oklch(95.7% 0.052 133.8)

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

#F1DDF7

Lilac · Lavender · Lavender

HEX
#F1DDF7
RGB
rgb(241, 221, 247)
HSL
hsl(286, 62%, 92%)
HSB
hsb(286, 11%, 97%)
CMYK
cmyk(2%, 11%, 0%, 3%)
Oklch
oklch(92.1% 0.041 318.4)

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

#FFE6E8

Peach Pink · Linen · Cherry Blossom

HEX
#FFE6E8
RGB
rgb(255, 230, 232)
HSL
hsl(355, 100%, 95%)
HSB
hsb(355, 10%, 100%)
CMYK
cmyk(0%, 10%, 9%, 0%)
Oklch
oklch(94.6% 0.028 12.1)

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

#FEFFC0

Fresh Green · Bisque · Lemon Cream

HEX
#FEFFC0
RGB
rgb(254, 255, 192)
HSL
hsl(61, 100%, 88%)
HSB
hsb(61, 25%, 100%)
CMYK
cmyk(0%, 0%, 25%, 0%)
Oklch
oklch(98.4% 0.080 108.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFF3FF
FFECE0

Analogous

E0FFFB
DFF3FF
E0E4FF

Triadic

DFF3FF
FFE0F3
F3FFE0

Split-Comp.

DFF3FF
FFE0E4
FFFBE0

Tetradic

DFF3FF
FBE0FF
FFECE0
E4FFE0

Contrast Matrix WCAG 2.1 Contrast

DFF3FF
E3F9D6
F1DDF7
FFE6E8
FEFFC0
—
1.0
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
White BG
1.1Fail
1.1Fail
1.3Fail
1.2Fail
1.0Fail
Black BG
18.4AAA
18.8AAA
16.4AAA
17.7AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8FC
EDEDDE
E8E8F1
F4F4E8
FEFECF

Deuteranopia

E7E5FB
EBEAE1
EAEBEF
F6F8E7
FEFED3

Tritanopia

E0FAF9
E4E5E7
F0ECEB
FEE7E7
FEDBDE

Achromatopsia

EEEEEE
EEEEEE
E6E6E6
EEEEEE
F8F8F8

Shades & Tints Shades & Tints

#DFF3FF

Dark
Light

#E3F9D6

Dark
Light

#F1DDF7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dff3ff;
  --color-2: #e3f9d6;
  --color-3: #f1ddf7;
  --color-4: #ffe6e8;
  --color-5: #feffc0;
}

SCSS

$color-1: #dff3ff;
$color-2: #e3f9d6;
$color-3: #f1ddf7;
$color-4: #ffe6e8;
$color-5: #feffc0;

TAILWIND

colors: {
  'brand-1': '#dff3ff',
  'brand-2': '#e3f9d6',
  'brand-3': '#f1ddf7',
  'brand-4': '#ffe6e8',
  'brand-5': '#feffc0',
}

RGB Array

[223, 243, 255], [227, 249, 214], [241, 221, 247], [255, 230, 232], [254, 255, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DFF3FF, #E3F9D6, #F1DDF7, #FFE6E8, #FEFFC0 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: #dff3ff; --color-2: #e3f9d6; --color-3: #f1ddf7; --color-4: #ffe6e8; --color-5: #feffc0. 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