← Back to Editor

#D6E7F4 · #D3F7FD · #DFF9EE · #F9F2B3 · #FDE3C7

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#D6E7F4

Sky Blue · Lavender · Sky Blue

HEX
#D6E7F4
RGB
rgb(214, 231, 244)
HSL
hsl(206, 58%, 90%)
HSB
hsb(206, 12%, 96%)
CMYK
cmyk(12%, 5%, 0%, 4%)
Oklch
oklch(91.9% 0.025 240.7)

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

#D3F7FD

Sky Blue · Lavender · Glacier Blue

HEX
#D3F7FD
RGB
rgb(211, 247, 253)
HSL
hsl(189, 91%, 91%)
HSB
hsb(189, 17%, 99%)
CMYK
cmyk(17%, 2%, 0%, 1%)
Oklch
oklch(95.2% 0.038 208.7)

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

#DFF9EE

Jade · Lavender · Mint Green

HEX
#DFF9EE
RGB
rgb(223, 249, 238)
HSL
hsl(155, 68%, 93%)
HSB
hsb(155, 10%, 98%)
CMYK
cmyk(10%, 0%, 4%, 2%)
Oklch
oklch(96.0% 0.031 168.4)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#F9F2B3

Fresh Green · Wheat · Lemon Cream

HEX
#F9F2B3
RGB
rgb(249, 242, 179)
HSL
hsl(54, 85%, 84%)
HSB
hsb(54, 28%, 98%)
CMYK
cmyk(0%, 3%, 28%, 2%)
Oklch
oklch(95.2% 0.081 102.5)

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

#FDE3C7

Goose Yellow · Bisque · Peach Orange

HEX
#FDE3C7
RGB
rgb(253, 227, 199)
HSL
hsl(31, 93%, 89%)
HSB
hsb(31, 21%, 99%)
CMYK
cmyk(0%, 10%, 21%, 1%)
Oklch
oklch(93.0% 0.047 69.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6E7F4
F4E4D7

Analogous

D7F4F2
D6E7F4
D7D9F4

Triadic

D6E7F4
F4D7E7
E7F4D7

Split-Comp.

D6E7F4
F4D7D9
F4F2D7

Tetradic

D6E7F4
F2D7F4
F4E4D7
D9F4D7

Contrast Matrix WCAG 2.1 Contrast

D6E7F4
D3F7FD
DFF9EE
F9F2B3
FDE3C7
—
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
1.3Fail
1.1Fail
1.1Fail
1.1Fail
1.2Fail
Black BG
16.6AAA
18.5AAA
18.9AAA
18.4AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDEF1
E3E3FC
EAEAF1
F6F6C2
F2F2CE

Deuteranopia

DCDBF0
E1DEFB
E9E7F1
F6F7C6
F3F5CF

Tritanopia

D7EEEE
D5FAFA
E0F3F3
F9CED1
FCD3D4

Achromatopsia

E3E3E3
EDEDED
F0F0F0
EDEDED
E8E8E8

Shades & Tints Shades & Tints

#D6E7F4

Dark
Light

#D3F7FD

Dark
Light

#DFF9EE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6e7f4;
  --color-2: #d3f7fd;
  --color-3: #dff9ee;
  --color-4: #f9f2b3;
  --color-5: #fde3c7;
}

SCSS

$color-1: #d6e7f4;
$color-2: #d3f7fd;
$color-3: #dff9ee;
$color-4: #f9f2b3;
$color-5: #fde3c7;

TAILWIND

colors: {
  'brand-1': '#d6e7f4',
  'brand-2': '#d3f7fd',
  'brand-3': '#dff9ee',
  'brand-4': '#f9f2b3',
  'brand-5': '#fde3c7',
}

RGB Array

[214, 231, 244], [211, 247, 253], [223, 249, 238], [249, 242, 179], [253, 227, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D6E7F4, #D3F7FD, #DFF9EE, #F9F2B3, #FDE3C7 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: #d6e7f4; --color-2: #d3f7fd; --color-3: #dff9ee; --color-4: #f9f2b3; --color-5: #fde3c7. 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 pastel-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