← Back to Editor

#CEDFFD · #CEFDD2 · #DFCDFD · #FCFDCE · #FFC1DA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#CEDFFD

Azure · Lavender · Sky Blue

HEX
#CEDFFD
RGB
rgb(206, 223, 253)
HSL
hsl(218, 92%, 90%)
HSB
hsb(218, 19%, 99%)
CMYK
cmyk(19%, 12%, 0%, 1%)
Oklch
oklch(90.0% 0.045 261.9)

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

#CEFDD2

Emerald · Beige · Mint Green

HEX
#CEFDD2
RGB
rgb(206, 253, 210)
HSL
hsl(125, 92%, 90%)
HSB
hsb(125, 19%, 99%)
CMYK
cmyk(19%, 0%, 17%, 1%)
Oklch
oklch(95.0% 0.075 147.2)

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

#DFCDFD

Wisteria · Lavender · Lavender

HEX
#DFCDFD
RGB
rgb(223, 205, 253)
HSL
hsl(263, 92%, 90%)
HSB
hsb(263, 19%, 99%)
CMYK
cmyk(12%, 19%, 0%, 1%)
Oklch
oklch(87.8% 0.068 302.1)

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

#FCFDCE

Fresh Green · Beige · Lemon Cream

HEX
#FCFDCE
RGB
rgb(252, 253, 206)
HSL
hsl(61, 92%, 90%)
HSB
hsb(61, 19%, 99%)
CMYK
cmyk(0%, 0%, 19%, 1%)
Oklch
oklch(98.2% 0.061 108.5)

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

#FFC1DA

Rouge · Pink · Cherry Blossom

HEX
#FFC1DA
RGB
rgb(255, 193, 218)
HSL
hsl(336, 100%, 88%)
HSB
hsb(336, 24%, 100%)
CMYK
cmyk(0%, 24%, 15%, 0%)
Oklch
oklch(87.4% 0.077 352.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEDFFD
FDECCE

Analogous

CEF7FD
CEDFFD
D4CEFD

Triadic

CEDFFD
FDCEDF
DFFDCE

Split-Comp.

CEDFFD
FDD4CE
F7FDCE

Tetradic

CEDFFD
FDCEF7
FDECCE
CEFDD4

Contrast Matrix WCAG 2.1 Contrast

CEDFFD
CEFDD2
DFCDFD
FCFDCE
FFC1DA
—
1.2
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
1.4
Fail
1.0
Fail
1.3
Fail
1.1
Fail
1.4
Fail
—
1.4
Fail
1.1
Fail
1.3
Fail
1.0
Fail
1.4
Fail
—
White BG
1.3Fail
1.1Fail
1.5Fail
1.0Fail
1.5Fail
Black BG
15.6AAA
18.6AAA
14.3AAA
20.1AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D6F6
E2E3DC
D7D7F1
FCFCD9
E4E4D4

Deuteranopia

D4D3F4
E0DCDF
D8DAEF
FCFCDC
E8ECD3

Tritanopia

CFF0EF
D0E5E6
DEE8E6
FCE2E4
FCCFCE

Achromatopsia

DDDDDD
EAEAEA
D8D8D8
F7F7F7
D6D6D6

Shades & Tints Shades & Tints

#CEDFFD

Dark
Light

#CEFDD2

Dark
Light

#DFCDFD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cedffd;
  --color-2: #cefdd2;
  --color-3: #dfcdfd;
  --color-4: #fcfdce;
  --color-5: #ffc1da;
}

SCSS

$color-1: #cedffd;
$color-2: #cefdd2;
$color-3: #dfcdfd;
$color-4: #fcfdce;
$color-5: #ffc1da;

TAILWIND

colors: {
  'brand-1': '#cedffd',
  'brand-2': '#cefdd2',
  'brand-3': '#dfcdfd',
  'brand-4': '#fcfdce',
  'brand-5': '#ffc1da',
}

RGB Array

[206, 223, 253], [206, 253, 210], [223, 205, 253], [252, 253, 206], [255, 193, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEDFFD, #CEFDD2, #DFCDFD, #FCFDCE, #FFC1DA 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: #cedffd; --color-2: #cefdd2; --color-3: #dfcdfd; --color-4: #fcfdce; --color-5: #ffc1da. 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 general-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