← Back to Editor

#EDDEB5 · #FFE2D0 · #F8BEBA · #EF9EA5 · #BC8B8E

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

#EDDEB5

Goose Yellow · Wheat · Lemon Cream

HEX
#EDDEB5
RGB
rgb(237, 222, 181)
HSL
hsl(44, 61%, 82%)
HSB
hsb(44, 24%, 93%)
CMYK
cmyk(0%, 6%, 24%, 7%)
Oklch
oklch(90.2% 0.056 90.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFE2D0

Apricot · Bisque · Peach Orange

HEX
#FFE2D0
RGB
rgb(255, 226, 208)
HSL
hsl(23, 100%, 91%)
HSB
hsb(23, 18%, 100%)
CMYK
cmyk(0%, 11%, 18%, 0%)
Oklch
oklch(93.2% 0.040 53.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F8BEBA

Peach Pink · LightPink · Cherry Blossom

HEX
#F8BEBA
RGB
rgb(248, 190, 186)
HSL
hsl(4, 82%, 85%)
HSB
hsb(4, 25%, 97%)
CMYK
cmyk(0%, 23%, 25%, 3%)
Oklch
oklch(85.3% 0.067 23.1)

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

#EF9EA5

Peach Pink · LightPink · Coral Red

HEX
#EF9EA5
RGB
rgb(239, 158, 165)
HSL
hsl(355, 72%, 78%)
HSB
hsb(355, 34%, 94%)
CMYK
cmyk(0%, 34%, 31%, 6%)
Oklch
oklch(78.1% 0.097 13.9)

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

#BC8B8E

Peach Pink · DarkGray · Coral Red

HEX
#BC8B8E
RGB
rgb(188, 139, 142)
HSL
hsl(356, 27%, 64%)
HSB
hsb(356, 26%, 74%)
CMYK
cmyk(0%, 26%, 24%, 26%)
Oklch
oklch(68.5% 0.060 14.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDEB5
B5C4ED

Analogous

EDC2B5
EDDEB5
E0EDB5

Triadic

EDDEB5
B5EDDE
DEB5ED

Split-Comp.

EDDEB5
B5E0ED
C2B5ED

Tetradic

EDDEB5
B5EDC2
B5C4ED
EDB5E0

Contrast Matrix WCAG 2.1 Contrast

EDDEB5
FFE2D0
F8BEBA
EF9EA5
BC8B8E
—
1.1
Fail
1.2
Fail
1.6
Fail
2.2
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
2.4
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
1.6
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
2.2
Fail
2.4
Fail
1.8
Fail
1.4
Fail
—
White BG
1.3Fail
1.2Fail
1.6Fail
2.1Fail
2.9Fail
Black BG
15.7AAA
17.0AAA
13.1AAA
10.1AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6BF
F2F2D4
DFDEBB
CCCBA3
A7A68D

Deuteranopia

E7E8C1
F4F6D5
E2E7BB
D1D7A3
AAAD8D

Tritanopia

ECC7C8
FED8D9
F5BCBC
EBA2A2
BA8D8D

Achromatopsia

DEDEDE
E9E9E9
CFCFCF
B7B7B7
9A9A9A

Shades & Tints Shades & Tints

#EDDEB5

Dark
Light

#FFE2D0

Dark
Light

#F8BEBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddeb5;
  --color-2: #ffe2d0;
  --color-3: #f8beba;
  --color-4: #ef9ea5;
  --color-5: #bc8b8e;
}

SCSS

$color-1: #eddeb5;
$color-2: #ffe2d0;
$color-3: #f8beba;
$color-4: #ef9ea5;
$color-5: #bc8b8e;

TAILWIND

colors: {
  'brand-1': '#eddeb5',
  'brand-2': '#ffe2d0',
  'brand-3': '#f8beba',
  'brand-4': '#ef9ea5',
  'brand-5': '#bc8b8e',
}

RGB Array

[237, 222, 181], [255, 226, 208], [248, 190, 186], [239, 158, 165], [188, 139, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDDEB5, #FFE2D0, #F8BEBA, #EF9EA5, #BC8B8E 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: #eddeb5; --color-2: #ffe2d0; --color-3: #f8beba; --color-4: #ef9ea5; --color-5: #bc8b8e. 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