← Back to Editor

#D2DCDA · #FDE9E6 · #FBC7B9 · #F19A89 · #DC6567

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

#D2DCDA

Jade · LightGray · Glacier Blue

HEX
#D2DCDA
RGB
rgb(210, 220, 218)
HSL
hsl(168, 13%, 84%)
HSB
hsb(168, 5%, 86%)
CMYK
cmyk(5%, 0%, 1%, 14%)
Oklch
oklch(88.6% 0.011 182.8)

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

#FDE9E6

Peach Pink · Linen · Cherry Blossom

HEX
#FDE9E6
RGB
rgb(253, 233, 230)
HSL
hsl(8, 85%, 95%)
HSB
hsb(8, 9%, 99%)
CMYK
cmyk(0%, 8%, 9%, 1%)
Oklch
oklch(94.9% 0.022 27.8)

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

#FBC7B9

Peach Pink · LightPink · Cherry Blossom

HEX
#FBC7B9
RGB
rgb(251, 199, 185)
HSL
hsl(13, 89%, 85%)
HSB
hsb(13, 26%, 98%)
CMYK
cmyk(0%, 21%, 26%, 2%)
Oklch
oklch(87.2% 0.063 35.5)

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

#F19A89

Peach Pink · DarkSalmon · Coral Red

HEX
#F19A89
RGB
rgb(241, 154, 137)
HSL
hsl(10, 79%, 74%)
HSB
hsb(10, 43%, 95%)
CMYK
cmyk(0%, 36%, 43%, 5%)
Oklch
oklch(77.0% 0.108 31.7)

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

#DC6567

Peach Pink · Salmon · Coral Red

HEX
#DC6567
RGB
rgb(220, 101, 103)
HSL
hsl(359, 63%, 63%)
HSB
hsb(359, 54%, 86%)
CMYK
cmyk(0%, 54%, 53%, 14%)
Oklch
oklch(65.2% 0.150 21.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2DCDA
DCD1D3

Analogous

D1DCD4
D2DCDA
D1D8DC

Triadic

D2DCDA
D9D1DC
DCD9D1

Split-Comp.

D2DCDA
DCD1D8
DCD4D1

Tetradic

D2DCDA
D4D1DC
DCD1D3
D8DCD1

Contrast Matrix WCAG 2.1 Contrast

D2DCDA
FDE9E6
FBC7B9
F19A89
DC6567
—
1.2
Fail
1.1
Fail
1.5
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
2.9
Fail
1.1
Fail
1.3
Fail
—
1.4
Fail
2.3
Fail
1.5
Fail
1.8
Fail
1.4
Fail
—
1.6
Fail
2.5
Fail
2.9
Fail
2.3
Fail
1.6
Fail
—
White BG
1.4Fail
1.2Fail
1.5Fail
2.2Fail
3.4AA Large
Black BG
15.0AAA
18.0AAA
14.0AAA
9.7AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6DA
F4F4E7
E4E4BC
CBCB8D
A8A767

Deuteranopia

D6D5DB
F6F7E7
E8EBBD
D0D78E
AFB866

Tritanopia

D3DBDB
FCE7E7
F8BFC0
ED9091
D66666

Achromatopsia

D9D9D9
EFEFEF
D5D5D5
B2B2B2
898989

Shades & Tints Shades & Tints

#D2DCDA

Dark
Light

#FDE9E6

Dark
Light

#FBC7B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2dcda;
  --color-2: #fde9e6;
  --color-3: #fbc7b9;
  --color-4: #f19a89;
  --color-5: #dc6567;
}

SCSS

$color-1: #d2dcda;
$color-2: #fde9e6;
$color-3: #fbc7b9;
$color-4: #f19a89;
$color-5: #dc6567;

TAILWIND

colors: {
  'brand-1': '#d2dcda',
  'brand-2': '#fde9e6',
  'brand-3': '#fbc7b9',
  'brand-4': '#f19a89',
  'brand-5': '#dc6567',
}

RGB Array

[210, 220, 218], [253, 233, 230], [251, 199, 185], [241, 154, 137], [220, 101, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2DCDA, #FDE9E6, #FBC7B9, #F19A89, #DC6567 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: #d2dcda; --color-2: #fde9e6; --color-3: #fbc7b9; --color-4: #f19a89; --color-5: #dc6567. 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