← Back to Editor

#D7E2BF · #C5D9A4 · #F4AFAE · #F67D92 · #DF5077

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

#D7E2BF

Willow Green · LightGray · Mint Green

HEX
#D7E2BF
RGB
rgb(215, 226, 191)
HSL
hsl(79, 38%, 82%)
HSB
hsb(79, 15%, 89%)
CMYK
cmyk(5%, 0%, 15%, 11%)
Oklch
oklch(89.5% 0.048 121.6)

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

#C5D9A4

Willow Green · Silver · Apple Green

HEX
#C5D9A4
RGB
rgb(197, 217, 164)
HSL
hsl(83, 41%, 75%)
HSB
hsb(83, 24%, 85%)
CMYK
cmyk(9%, 0%, 24%, 15%)
Oklch
oklch(85.7% 0.074 124.7)

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

#F4AFAE

Peach Pink · LightPink · Cherry Blossom

HEX
#F4AFAE
RGB
rgb(244, 175, 174)
HSL
hsl(1, 76%, 82%)
HSB
hsb(1, 29%, 96%)
CMYK
cmyk(0%, 28%, 29%, 4%)
Oklch
oklch(81.9% 0.081 19.9)

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

#F67D92

Peach Pink · LightCoral · Coral Red

HEX
#F67D92
RGB
rgb(246, 125, 146)
HSL
hsl(350, 87%, 73%)
HSB
hsb(350, 49%, 96%)
CMYK
cmyk(0%, 49%, 41%, 4%)
Oklch
oklch(73.2% 0.149 10.5)

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

#DF5077

Dark Violet · LightCoral · Rose Pink

HEX
#DF5077
RGB
rgb(223, 80, 119)
HSL
hsl(344, 69%, 59%)
HSB
hsb(344, 64%, 87%)
CMYK
cmyk(0%, 64%, 47%, 13%)
Oklch
oklch(63.4% 0.180 7.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7E2BF
CBC0E3

Analogous

E3DCC0
D7E2BF
C6E3C0

Triadic

D7E2BF
C0D7E3
E3C0D7

Split-Comp.

D7E2BF
C0C6E3
DCC0E3

Tetradic

D7E2BF
C0E3DC
CBC0E3
E3C0C6

Contrast Matrix WCAG 2.1 Contrast

D7E2BF
C5D9A4
F4AFAE
F67D92
DF5077
—
1.1
Fail
1.3
Fail
1.9
Fail
2.8
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
2.5
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.9
Fail
1.7
Fail
1.4
Fail
—
1.5
Fail
2.8
Fail
2.5
Fail
2.1
Fail
1.5
Fail
—
White BG
1.4Fail
1.5Fail
1.8Fail
2.5Fail
3.8AA Large
Black BG
15.5AAA
13.8AAA
11.6AAA
8.3AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCC7
CECEB1
D6D6AE
C2C18D
A1A06E

Deuteranopia

DBDACA
CDCBB4
DADFAE
C9D28C
A9B46B

Tritanopia

D8CED0
C6BBBD
F1AEAE
F08988
D86664

Achromatopsia

DBDBDB
CDCDCD
C4C4C4
A4A4A4
7F7F7F

Shades & Tints Shades & Tints

#D7E2BF

Dark
Light

#C5D9A4

Dark
Light

#F4AFAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7e2bf;
  --color-2: #c5d9a4;
  --color-3: #f4afae;
  --color-4: #f67d92;
  --color-5: #df5077;
}

SCSS

$color-1: #d7e2bf;
$color-2: #c5d9a4;
$color-3: #f4afae;
$color-4: #f67d92;
$color-5: #df5077;

TAILWIND

colors: {
  'brand-1': '#d7e2bf',
  'brand-2': '#c5d9a4',
  'brand-3': '#f4afae',
  'brand-4': '#f67d92',
  'brand-5': '#df5077',
}

RGB Array

[215, 226, 191], [197, 217, 164], [244, 175, 174], [246, 125, 146], [223, 80, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7E2BF, #C5D9A4, #F4AFAE, #F67D92, #DF5077 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: #d7e2bf; --color-2: #c5d9a4; --color-3: #f4afae; --color-4: #f67d92; --color-5: #df5077. 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