← Back to Editor

#DAEBD8 · #FBEFD5 · #FDD7E4 · #FF82A2 · #44D3E1

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

#DAEBD8

Celadon · LightGray · Mint Green

HEX
#DAEBD8
RGB
rgb(218, 235, 216)
HSL
hsl(114, 32%, 88%)
HSB
hsb(114, 8%, 92%)
CMYK
cmyk(7%, 0%, 8%, 8%)
Oklch
oklch(92.2% 0.031 142.3)

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

#FBEFD5

Goose Yellow · Beige · Lemon Cream

HEX
#FBEFD5
RGB
rgb(251, 239, 213)
HSL
hsl(41, 83%, 91%)
HSB
hsb(41, 15%, 98%)
CMYK
cmyk(0%, 5%, 15%, 2%)
Oklch
oklch(95.5% 0.036 86.2)

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

#FDD7E4

Rouge · Linen · Cherry Blossom

HEX
#FDD7E4
RGB
rgb(253, 215, 228)
HSL
hsl(339, 90%, 92%)
HSB
hsb(339, 15%, 99%)
CMYK
cmyk(0%, 15%, 10%, 1%)
Oklch
oklch(91.5% 0.045 355.4)

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

#FF82A2

Peach Pink · LightCoral · Coral Red

HEX
#FF82A2
RGB
rgb(255, 130, 162)
HSL
hsl(345, 100%, 75%)
HSB
hsb(345, 49%, 100%)
CMYK
cmyk(0%, 49%, 36%, 0%)
Oklch
oklch(75.6% 0.154 5.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#44D3E1

Lake Blue · MediumTurquoise · Lake Green

HEX
#44D3E1
RGB
rgb(68, 211, 225)
HSL
hsl(185, 72%, 57%)
HSB
hsb(185, 70%, 88%)
CMYK
cmyk(70%, 6%, 0%, 12%)
Oklch
oklch(79.8% 0.120 204.6)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAEBD8
E8D7EA

Analogous

E2EAD7
DAEBD8
D7EADE

Triadic

DAEBD8
D7D9EA
EAD7D9

Split-Comp.

DAEBD8
DED7EA
EAD7E2

Tetradic

DAEBD8
D7E2EA
E8D7EA
EADED7

Contrast Matrix WCAG 2.1 Contrast

DAEBD8
FBEFD5
FDD7E4
FF82A2
44D3E1
—
1.1
Fail
1.1
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
2.1
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.8
Fail
1.4
Fail
1.9
Fail
2.1
Fail
1.8
Fail
—
1.3
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.3
Fail
—
White BG
1.2Fail
1.1Fail
1.3Fail
2.3Fail
1.8Fail
Black BG
16.9AAA
18.4AAA
16.0AAA
9.0AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E2DD
F6F6DB
EDECE1
C9C89A
8283DE

Deuteranopia

E0DFDE
F7F7DD
EFF2E0
D0DA98
7A6FDD

Tritanopia

DBE0E1
FAE0E1
FBDEDE
F99493
4BDBDA

Achromatopsia

E4E4E4
F0F0F0
E4E4E4
ABABAB
AAAAAA

Shades & Tints Shades & Tints

#DAEBD8

Dark
Light

#FBEFD5

Dark
Light

#FDD7E4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daebd8;
  --color-2: #fbefd5;
  --color-3: #fdd7e4;
  --color-4: #ff82a2;
  --color-5: #44d3e1;
}

SCSS

$color-1: #daebd8;
$color-2: #fbefd5;
$color-3: #fdd7e4;
$color-4: #ff82a2;
$color-5: #44d3e1;

TAILWIND

colors: {
  'brand-1': '#daebd8',
  'brand-2': '#fbefd5',
  'brand-3': '#fdd7e4',
  'brand-4': '#ff82a2',
  'brand-5': '#44d3e1',
}

RGB Array

[218, 235, 216], [251, 239, 213], [253, 215, 228], [255, 130, 162], [68, 211, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAEBD8, #FBEFD5, #FDD7E4, #FF82A2, #44D3E1 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: #daebd8; --color-2: #fbefd5; --color-3: #fdd7e4; --color-4: #ff82a2; --color-5: #44d3e1. 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