← Back to Editor

#DDE1EC · #F7E1AD · #F7B48B · #F7998B · #D3DBF2

cool

A 5-color cool 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

#DDE1EC

Azure · Lavender · Sky Blue

HEX
#DDE1EC
RGB
rgb(221, 225, 236)
HSL
hsl(224, 28%, 90%)
HSB
hsb(224, 6%, 93%)
CMYK
cmyk(6%, 5%, 0%, 7%)
Oklch
oklch(91.0% 0.016 270.0)

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

#F7E1AD

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E1AD
RGB
rgb(247, 225, 173)
HSL
hsl(42, 82%, 82%)
HSB
hsb(42, 30%, 97%)
CMYK
cmyk(0%, 9%, 30%, 3%)
Oklch
oklch(91.5% 0.071 87.7)

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

#F7B48B

Apricot · BurlyWood · Peach Orange

HEX
#F7B48B
RGB
rgb(247, 180, 139)
HSL
hsl(23, 87%, 76%)
HSB
hsb(23, 44%, 97%)
CMYK
cmyk(0%, 27%, 44%, 3%)
Oklch
oklch(82.3% 0.095 52.4)

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

#F7998B

Peach Pink · LightSalmon · Coral Red

HEX
#F7998B
RGB
rgb(247, 153, 139)
HSL
hsl(8, 87%, 76%)
HSB
hsb(8, 44%, 97%)
CMYK
cmyk(0%, 38%, 44%, 3%)
Oklch
oklch(77.6% 0.116 29.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D3DBF2

Azure · Lavender · Sky Blue

HEX
#D3DBF2
RGB
rgb(211, 219, 242)
HSL
hsl(225, 54%, 89%)
HSB
hsb(225, 13%, 95%)
CMYK
cmyk(13%, 10%, 0%, 5%)
Oklch
oklch(89.2% 0.033 270.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDE1EC
EDE9DE

Analogous

DEE9ED
DDE1EC
E2DEED

Triadic

DDE1EC
EDDEE2
E2EDDE

Split-Comp.

DDE1EC
EDE2DE
E9EDDE

Tetradic

DDE1EC
EDDEE9
EDE9DE
DEEDE2

Contrast Matrix WCAG 2.1 Contrast

DDE1EC
F7E1AD
F7B48B
F7998B
D3DBF2
—
1.0
Fail
1.4
Fail
1.6
Fail
1.1
Fail
1.0
Fail
—
1.4
Fail
1.7
Fail
1.1
Fail
1.4
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.7
Fail
1.2
Fail
—
1.5
Fail
1.1
Fail
1.1
Fail
1.3
Fail
1.5
Fail
—
White BG
1.3Fail
1.3Fail
1.8Fail
2.1Fail
1.4Fail
Black BG
16.1AAA
16.3AAA
11.9AAA
9.9AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFE9
EDEDBA
DAD995
CECD8E
D6D7EC

Deuteranopia

DFDEE9
EFF0BD
DEE397
D4DB8F
D6D5EB

Tritanopia

DDE7E7
F6C4C6
F49D9E
F29192
D3E8E7

Achromatopsia

E1E1E1
E2E2E2
C3C3C3
B4B4B4
DBDBDB

Shades & Tints Shades & Tints

#DDE1EC

Dark
Light

#F7E1AD

Dark
Light

#F7B48B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dde1ec;
  --color-2: #f7e1ad;
  --color-3: #f7b48b;
  --color-4: #f7998b;
  --color-5: #d3dbf2;
}

SCSS

$color-1: #dde1ec;
$color-2: #f7e1ad;
$color-3: #f7b48b;
$color-4: #f7998b;
$color-5: #d3dbf2;

TAILWIND

colors: {
  'brand-1': '#dde1ec',
  'brand-2': '#f7e1ad',
  'brand-3': '#f7b48b',
  'brand-4': '#f7998b',
  'brand-5': '#d3dbf2',
}

RGB Array

[221, 225, 236], [247, 225, 173], [247, 180, 139], [247, 153, 139], [211, 219, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DDE1EC, #F7E1AD, #F7B48B, #F7998B, #D3DBF2 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: #dde1ec; --color-2: #f7e1ad; --color-3: #f7b48b; --color-4: #f7998b; --color-5: #d3dbf2. 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 cool-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