← Back to Editor

#DEFFEE · #E4F0E1 · #EBE0D3 · #F5D3C5 · #FFC5B8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DEFFEE

Emerald · Lavender · Mint Green

HEX
#DEFFEE
RGB
rgb(222, 255, 238)
HSL
hsl(149, 100%, 94%)
HSB
hsb(149, 13%, 100%)
CMYK
cmyk(13%, 0%, 7%, 0%)
Oklch
oklch(97.2% 0.041 163.2)

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

#E4F0E1

Celadon · Beige · Mint Green

HEX
#E4F0E1
RGB
rgb(228, 240, 225)
HSL
hsl(108, 33%, 91%)
HSB
hsb(108, 6%, 94%)
CMYK
cmyk(5%, 0%, 6%, 6%)
Oklch
oklch(94.2% 0.024 139.4)

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

#EBE0D3

Goose Yellow · Beige · Peach Orange

HEX
#EBE0D3
RGB
rgb(235, 224, 211)
HSL
hsl(33, 37%, 87%)
HSB
hsb(33, 10%, 92%)
CMYK
cmyk(0%, 5%, 10%, 8%)
Oklch
oklch(91.2% 0.021 72.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F5D3C5

Apricot · Bisque · Peach Orange

HEX
#F5D3C5
RGB
rgb(245, 211, 197)
HSL
hsl(17, 71%, 87%)
HSB
hsb(17, 20%, 96%)
CMYK
cmyk(0%, 14%, 20%, 4%)
Oklch
oklch(89.2% 0.043 43.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFC5B8

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC5B8
RGB
rgb(255, 197, 184)
HSL
hsl(11, 100%, 86%)
HSB
hsb(11, 28%, 100%)
CMYK
cmyk(0%, 23%, 28%, 0%)
Oklch
oklch(87.2% 0.069 32.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEFFEE
FFE0F0

Analogous

E1FFE0
DEFFEE
E0FFFE

Triadic

DEFFEE
EFE0FF
FFEFE0

Split-Comp.

DEFFEE
FEE0FF
FFE0E1

Tetradic

DEFFEE
E0E1FF
FFE0F0
FFFEE0

Contrast Matrix WCAG 2.1 Contrast

DEFFEE
E4F0E1
EBE0D3
F5D3C5
FFC5B8
—
1.1
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
1.1Fail
1.2Fail
1.3Fail
1.4Fail
1.5Fail
Black BG
19.6AAA
17.9AAA
16.1AAA
15.0AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEDF2
E9E9E5
E6E6D6
E6E6C8
E6E5BB

Deuteranopia

EAE8F3
E9E8E6
E7E8D7
E8EBC9
E9EEBC

Tritanopia

E0F5F6
E5E7E8
EAD9D9
F3CBCC
FCBEBE

Achromatopsia

F3F3F3
EBEBEB
E2E2E2
DCDCDC
D5D5D5

Shades & Tints Shades & Tints

#DEFFEE

Dark
Light

#E4F0E1

Dark
Light

#EBE0D3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deffee;
  --color-2: #e4f0e1;
  --color-3: #ebe0d3;
  --color-4: #f5d3c5;
  --color-5: #ffc5b8;
}

SCSS

$color-1: #deffee;
$color-2: #e4f0e1;
$color-3: #ebe0d3;
$color-4: #f5d3c5;
$color-5: #ffc5b8;

TAILWIND

colors: {
  'brand-1': '#deffee',
  'brand-2': '#e4f0e1',
  'brand-3': '#ebe0d3',
  'brand-4': '#f5d3c5',
  'brand-5': '#ffc5b8',
}

RGB Array

[222, 255, 238], [228, 240, 225], [235, 224, 211], [245, 211, 197], [255, 197, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEFFEE, #E4F0E1, #EBE0D3, #F5D3C5, #FFC5B8 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: #deffee; --color-2: #e4f0e1; --color-3: #ebe0d3; --color-4: #f5d3c5; --color-5: #ffc5b8. 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