← Back to Editor

#E8DDBD · #D1BBA3 · #C5A59A · #FB7784 · #FF556A

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

#E8DDBD

Goose Yellow · Wheat · Lemon Cream

HEX
#E8DDBD
RGB
rgb(232, 221, 189)
HSL
hsl(45, 48%, 83%)
HSB
hsb(45, 19%, 91%)
CMYK
cmyk(0%, 5%, 19%, 9%)
Oklch
oklch(89.8% 0.044 91.3)

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

#D1BBA3

Goose Yellow · Tan · Warm Sun

HEX
#D1BBA3
RGB
rgb(209, 187, 163)
HSL
hsl(31, 33%, 73%)
HSB
hsb(31, 22%, 82%)
CMYK
cmyk(0%, 11%, 22%, 18%)
Oklch
oklch(80.4% 0.041 69.6)

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

#C5A59A

Apricot · Tan · Warm Sun

HEX
#C5A59A
RGB
rgb(197, 165, 154)
HSL
hsl(15, 27%, 69%)
HSB
hsb(15, 22%, 77%)
CMYK
cmyk(0%, 16%, 22%, 23%)
Oklch
oklch(74.7% 0.041 39.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FB7784

Peach Pink · LightCoral · Coral Red

HEX
#FB7784
RGB
rgb(251, 119, 132)
HSL
hsl(354, 94%, 73%)
HSB
hsb(354, 53%, 98%)
CMYK
cmyk(0%, 53%, 47%, 2%)
Oklch
oklch(72.7% 0.161 15.9)

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

#FF556A

Peach Pink · Tomato · Coral Red

HEX
#FF556A
RGB
rgb(255, 85, 106)
HSL
hsl(353, 100%, 67%)
HSB
hsb(353, 67%, 100%)
CMYK
cmyk(0%, 67%, 58%, 0%)
Oklch
oklch(68.6% 0.205 17.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8DDBD
BFC9E8

Analogous

E8C9BF
E8DDBD
DEE8BF

Triadic

E8DDBD
BFE8DE
DEBFE8

Split-Comp.

E8DDBD
BFDEE8
C9BFE8

Tetradic

E8DDBD
BFE8C9
BFC9E8
E8BFDE

Contrast Matrix WCAG 2.1 Contrast

E8DDBD
D1BBA3
C5A59A
FB7784
FF556A
—
1.4
Fail
1.7
Fail
1.9
Fail
2.3
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
2.3
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
1.4Fail
1.9Fail
2.3Fail
2.6Fail
3.1AA Large
Black BG
15.5AAA
11.3AAA
9.2AAA
8.1AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3C5
C7C7A9
B7B79D
C2C181
B5B465

Deuteranopia

E4E5C7
C9CAAA
B9BB9D
CAD380
BFCC64

Tritanopia

E7CBCC
D0ADAE
C39F9F
F47E7E
F76160

Achromatopsia

DDDDDD
BFBFBF
ADADAD
A0A0A0
8A8A8A

Shades & Tints Shades & Tints

#E8DDBD

Dark
Light

#D1BBA3

Dark
Light

#C5A59A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8ddbd;
  --color-2: #d1bba3;
  --color-3: #c5a59a;
  --color-4: #fb7784;
  --color-5: #ff556a;
}

SCSS

$color-1: #e8ddbd;
$color-2: #d1bba3;
$color-3: #c5a59a;
$color-4: #fb7784;
$color-5: #ff556a;

TAILWIND

colors: {
  'brand-1': '#e8ddbd',
  'brand-2': '#d1bba3',
  'brand-3': '#c5a59a',
  'brand-4': '#fb7784',
  'brand-5': '#ff556a',
}

RGB Array

[232, 221, 189], [209, 187, 163], [197, 165, 154], [251, 119, 132], [255, 85, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8DDBD, #D1BBA3, #C5A59A, #FB7784, #FF556A 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: #e8ddbd; --color-2: #d1bba3; --color-3: #c5a59a; --color-4: #fb7784; --color-5: #ff556a. 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