← Back to Editor

#DDEFC9 · #F5E8C6 · #FBC4CA · #F1B6C8 · #9EDBF8

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

#DDEFC9

Willow Green · Beige · Mint Green

HEX
#DDEFC9
RGB
rgb(221, 239, 201)
HSL
hsl(88, 54%, 86%)
HSB
hsb(88, 16%, 94%)
CMYK
cmyk(8%, 0%, 16%, 6%)
Oklch
oklch(92.9% 0.054 128.1)

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

#F5E8C6

Goose Yellow · Bisque · Lemon Cream

HEX
#F5E8C6
RGB
rgb(245, 232, 198)
HSL
hsl(43, 70%, 87%)
HSB
hsb(43, 19%, 96%)
CMYK
cmyk(0%, 5%, 19%, 4%)
Oklch
oklch(93.3% 0.047 89.6)

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

#FBC4CA

Peach Pink · Pink · Cherry Blossom

HEX
#FBC4CA
RGB
rgb(251, 196, 202)
HSL
hsl(353, 87%, 88%)
HSB
hsb(353, 22%, 98%)
CMYK
cmyk(0%, 22%, 20%, 2%)
Oklch
oklch(87.1% 0.063 11.1)

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

#F1B6C8

Rouge · LightPink · Cherry Blossom

HEX
#F1B6C8
RGB
rgb(241, 182, 200)
HSL
hsl(342, 68%, 83%)
HSB
hsb(342, 24%, 95%)
CMYK
cmyk(0%, 24%, 17%, 5%)
Oklch
oklch(83.5% 0.072 358.7)

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

#9EDBF8

Sky Blue · LightBlue · Glacier Blue

HEX
#9EDBF8
RGB
rgb(158, 219, 248)
HSL
hsl(199, 87%, 80%)
HSB
hsb(199, 36%, 97%)
CMYK
cmyk(36%, 12%, 0%, 3%)
Oklch
oklch(86.0% 0.074 229.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDEFC9
DAC8EF

Analogous

EFEDC8
DDEFC9
C9EFC8

Triadic

DDEFC9
C8DDEF
EFC8DD

Split-Comp.

DDEFC9
C8C9EF
EDC8EF

Tetradic

DDEFC9
C8EFED
DAC8EF
EFC8C9

Contrast Matrix WCAG 2.1 Contrast

DDEFC9
F5E8C6
FBC4CA
F1B6C8
9EDBF8
—
1.0
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.4
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
White BG
1.2Fail
1.2Fail
1.5Fail
1.7Fail
1.5Fail
Black BG
17.3AAA
17.2AAA
13.9AAA
12.3AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5D2
EFEFCE
E3E3C9
D7D7C4
B8B9F1

Deuteranopia

E4E2D4
F0F1D0
E6EBC8
DBDFC3
B5B0EF

Tritanopia

DED9DB
F4D5D6
F8C7C7
EEC0BF
A1EBEA

Achromatopsia

E5E5E5
E8E8E8
D5D5D5
CACACA
CCCCCC

Shades & Tints Shades & Tints

#DDEFC9

Dark
Light

#F5E8C6

Dark
Light

#FBC4CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddefc9;
  --color-2: #f5e8c6;
  --color-3: #fbc4ca;
  --color-4: #f1b6c8;
  --color-5: #9edbf8;
}

SCSS

$color-1: #ddefc9;
$color-2: #f5e8c6;
$color-3: #fbc4ca;
$color-4: #f1b6c8;
$color-5: #9edbf8;

TAILWIND

colors: {
  'brand-1': '#ddefc9',
  'brand-2': '#f5e8c6',
  'brand-3': '#fbc4ca',
  'brand-4': '#f1b6c8',
  'brand-5': '#9edbf8',
}

RGB Array

[221, 239, 201], [245, 232, 198], [251, 196, 202], [241, 182, 200], [158, 219, 248]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDEFC9, #F5E8C6, #FBC4CA, #F1B6C8, #9EDBF8 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: #ddefc9; --color-2: #f5e8c6; --color-3: #fbc4ca; --color-4: #f1b6c8; --color-5: #9edbf8. 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