← Back to Editor

#D2D6C5 · #E6DAD8 · #FFC5B8 · #FF9994 · #FF6687

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

#D2D6C5

Willow Green · LightGray · Mint Green

HEX
#D2D6C5
RGB
rgb(210, 214, 197)
HSL
hsl(74, 17%, 81%)
HSB
hsb(74, 8%, 84%)
CMYK
cmyk(2%, 0%, 8%, 16%)
Oklch
oklch(86.8% 0.023 117.7)

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

#E6DAD8

Peach Pink · LightGray · Cherry Blossom

HEX
#E6DAD8
RGB
rgb(230, 218, 216)
HSL
hsl(9, 22%, 87%)
HSB
hsb(9, 6%, 90%)
CMYK
cmyk(0%, 5%, 6%, 10%)
Oklch
oklch(89.7% 0.014 28.9)

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

#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

#FF9994

Peach Pink · LightSalmon · Coral Red

HEX
#FF9994
RGB
rgb(255, 153, 148)
HSL
hsl(3, 100%, 79%)
HSB
hsb(3, 42%, 100%)
CMYK
cmyk(0%, 40%, 42%, 0%)
Oklch
oklch(78.7% 0.123 23.2)

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

#FF6687

Peach Pink · LightCoral · Coral Red

HEX
#FF6687
RGB
rgb(255, 102, 135)
HSL
hsl(347, 100%, 70%)
HSB
hsb(347, 60%, 100%)
CMYK
cmyk(0%, 60%, 47%, 0%)
Oklch
oklch(71.1% 0.187 10.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2D6C5
CAC6D7

Analogous

D7D2C6
D2D6C5
CBD7C6

Triadic

D2D6C5
C6D3D7
D7C6D3

Split-Comp.

D2D6C5
C6CBD7
D2C6D7

Tetradic

D2D6C5
C6D7D2
CAC6D7
D7C6CB

Contrast Matrix WCAG 2.1 Contrast

D2D6C5
E6DAD8
FFC5B8
FF9994
FF6687
—
1.1
Fail
1.0
Fail
1.4
Fail
1.9
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
2.1
Fail
1.0
Fail
1.1
Fail
—
1.4
Fail
1.9
Fail
1.4
Fail
1.5
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
2.1
Fail
1.9
Fail
1.4
Fail
—
White BG
1.5Fail
1.4Fail
1.5Fail
2.1Fail
2.8Fail
Black BG
14.2AAA
15.4AAA
13.9AAA
10.2AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4C9
E1E1D8
E6E5BB
D3D295
BDBB7F

Deuteranopia

D4D3CA
E2E2D9
E9EEBC
D9E096
C6D17D

Tritanopia

D2CCCD
E5D9D9
FCBEBE
FA9696
F77977

Achromatopsia

D3D3D3
DDDDDD
D5D5D5
B7B7B7
989898

Shades & Tints Shades & Tints

#D2D6C5

Dark
Light

#E6DAD8

Dark
Light

#FFC5B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2d6c5;
  --color-2: #e6dad8;
  --color-3: #ffc5b8;
  --color-4: #ff9994;
  --color-5: #ff6687;
}

SCSS

$color-1: #d2d6c5;
$color-2: #e6dad8;
$color-3: #ffc5b8;
$color-4: #ff9994;
$color-5: #ff6687;

TAILWIND

colors: {
  'brand-1': '#d2d6c5',
  'brand-2': '#e6dad8',
  'brand-3': '#ffc5b8',
  'brand-4': '#ff9994',
  'brand-5': '#ff6687',
}

RGB Array

[210, 214, 197], [230, 218, 216], [255, 197, 184], [255, 153, 148], [255, 102, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2D6C5, #E6DAD8, #FFC5B8, #FF9994, #FF6687 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: #d2d6c5; --color-2: #e6dad8; --color-3: #ffc5b8; --color-4: #ff9994; --color-5: #ff6687. 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