← Back to Editor

#D6E8BD · #E4D78B · #FCB971 · #F5997C · #E69EA8

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

#D6E8BD

Willow Green · LightGray · Mint Green

HEX
#D6E8BD
RGB
rgb(214, 232, 189)
HSL
hsl(85, 48%, 83%)
HSB
hsb(85, 19%, 91%)
CMYK
cmyk(8%, 0%, 19%, 9%)
Oklch
oklch(90.6% 0.060 126.1)

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

#E4D78B

Fresh Green · Khaki · Sunflower

HEX
#E4D78B
RGB
rgb(228, 215, 139)
HSL
hsl(51, 62%, 72%)
HSB
hsb(51, 39%, 89%)
CMYK
cmyk(0%, 6%, 39%, 11%)
Oklch
oklch(87.3% 0.097 99.7)

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

#FCB971

Goose Yellow · LightSalmon · Warm Sun

HEX
#FCB971
RGB
rgb(252, 185, 113)
HSL
hsl(31, 96%, 72%)
HSB
hsb(31, 55%, 99%)
CMYK
cmyk(0%, 27%, 55%, 1%)
Oklch
oklch(83.3% 0.118 67.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F5997C

Peach Pink · LightSalmon · Coral Red

HEX
#F5997C
RGB
rgb(245, 153, 124)
HSL
hsl(14, 86%, 72%)
HSB
hsb(14, 49%, 96%)
CMYK
cmyk(0%, 38%, 49%, 4%)
Oklch
oklch(77.0% 0.118 38.3)

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

#E69EA8

Peach Pink · Tan · Coral Red

HEX
#E69EA8
RGB
rgb(230, 158, 168)
HSL
hsl(352, 59%, 76%)
HSB
hsb(352, 31%, 90%)
CMYK
cmyk(0%, 31%, 27%, 10%)
Oklch
oklch(77.2% 0.087 10.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6E8BD
D0BFE8

Analogous

E8E5BF
D6E8BD
C2E8BF

Triadic

D6E8BD
BFD7E8
E8BFD7

Split-Comp.

D6E8BD
BFC2E8
E5BFE8

Tetradic

D6E8BD
BFE8E5
D0BFE8
E8BFC2

Contrast Matrix WCAG 2.1 Contrast

D6E8BD
E4D78B
FCB971
F5997C
E69EA8
—
1.1
Fail
1.3
Fail
1.7
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.3
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
1.0
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.0
Fail
—
White BG
1.3Fail
1.5Fail
1.7Fail
2.2Fail
2.1Fail
Black BG
16.1AAA
14.4AAA
12.3AAA
9.7AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEC7
DEDE9D
DFDE82
CDCC83
C7C6A6

Deuteranopia

DDDBCA
DFE0A2
E3E887
D3D985
CBD0A5

Tritanopia

D7D0D1
E3ACAF
F99093
F0898A
E2A4A3

Achromatopsia

DEDEDE
D2D2D2
C5C5C5
B1B1B1
B5B5B5

Shades & Tints Shades & Tints

#D6E8BD

Dark
Light

#E4D78B

Dark
Light

#FCB971

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6e8bd;
  --color-2: #e4d78b;
  --color-3: #fcb971;
  --color-4: #f5997c;
  --color-5: #e69ea8;
}

SCSS

$color-1: #d6e8bd;
$color-2: #e4d78b;
$color-3: #fcb971;
$color-4: #f5997c;
$color-5: #e69ea8;

TAILWIND

colors: {
  'brand-1': '#d6e8bd',
  'brand-2': '#e4d78b',
  'brand-3': '#fcb971',
  'brand-4': '#f5997c',
  'brand-5': '#e69ea8',
}

RGB Array

[214, 232, 189], [228, 215, 139], [252, 185, 113], [245, 153, 124], [230, 158, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6E8BD, #E4D78B, #FCB971, #F5997C, #E69EA8 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: #d6e8bd; --color-2: #e4d78b; --color-3: #fcb971; --color-4: #f5997c; --color-5: #e69ea8. 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