← Back to Editor

#DCD1B8 · #E5ACA6 · #EE878F · #F2616D · #F73A3A

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

#DCD1B8

Goose Yellow · LightGray · Lemon Cream

HEX
#DCD1B8
RGB
rgb(220, 209, 184)
HSL
hsl(42, 34%, 79%)
HSB
hsb(42, 16%, 86%)
CMYK
cmyk(0%, 5%, 16%, 14%)
Oklch
oklch(86.3% 0.036 87.1)

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

#E5ACA6

Peach Pink · Tan · Coral Red

HEX
#E5ACA6
RGB
rgb(229, 172, 166)
HSL
hsl(6, 55%, 77%)
HSB
hsb(6, 28%, 90%)
CMYK
cmyk(0%, 25%, 28%, 10%)
Oklch
oklch(79.6% 0.068 25.5)

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

#EE878F

Peach Pink · LightCoral · Coral Red

HEX
#EE878F
RGB
rgb(238, 135, 143)
HSL
hsl(355, 75%, 73%)
HSB
hsb(355, 43%, 93%)
CMYK
cmyk(0%, 43%, 40%, 7%)
Oklch
oklch(73.6% 0.126 15.7)

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

#F2616D

Peach Pink · Salmon · Coral Red

HEX
#F2616D
RGB
rgb(242, 97, 109)
HSL
hsl(355, 85%, 66%)
HSB
hsb(355, 60%, 95%)
CMYK
cmyk(0%, 60%, 55%, 5%)
Oklch
oklch(68.0% 0.178 18.3)

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

#F73A3A

Vermilion · Tomato · Passion Red

HEX
#F73A3A
RGB
rgb(247, 58, 58)
HSL
hsl(0, 92%, 60%)
HSB
hsb(0, 77%, 97%)
CMYK
cmyk(0%, 77%, 77%, 3%)
Oklch
oklch(64.1% 0.224 26.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCD1B8
B7C2DC

Analogous

DCBFB7
DCD1B8
D4DCB7

Triadic

DCD1B8
B7DCD1
D1B7DC

Split-Comp.

DCD1B8
B7D4DC
BFB7DC

Tetradic

DCD1B8
B7DCBF
B7C2DC
DCB7D4

Contrast Matrix WCAG 2.1 Contrast

DCD1B8
E5ACA6
EE878F
F2616D
F73A3A
—
1.3
Fail
1.6
Fail
2.1
Fail
2.5
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.5
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
1.5Fail
1.9Fail
2.5Fail
3.1AA Large
3.7AA Large
Black BG
13.9AAA
10.8AAA
8.5AAA
6.7AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7BE
CCCCA7
C1C08D
B3B26A
A5A33A

Deuteranopia

D8D9BF
D0D4A8
C7CF8D
BCC669
B0BE3A

Tritanopia

DBC3C4
E2A9A9
E98C8B
EB6867
EE3A3A

Achromatopsia

D1D1D1
BCBCBC
A7A7A7
8E8E8E
737373

Shades & Tints Shades & Tints

#DCD1B8

Dark
Light

#E5ACA6

Dark
Light

#EE878F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcd1b8;
  --color-2: #e5aca6;
  --color-3: #ee878f;
  --color-4: #f2616d;
  --color-5: #f73a3a;
}

SCSS

$color-1: #dcd1b8;
$color-2: #e5aca6;
$color-3: #ee878f;
$color-4: #f2616d;
$color-5: #f73a3a;

TAILWIND

colors: {
  'brand-1': '#dcd1b8',
  'brand-2': '#e5aca6',
  'brand-3': '#ee878f',
  'brand-4': '#f2616d',
  'brand-5': '#f73a3a',
}

RGB Array

[220, 209, 184], [229, 172, 166], [238, 135, 143], [242, 97, 109], [247, 58, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCD1B8, #E5ACA6, #EE878F, #F2616D, #F73A3A 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: #dcd1b8; --color-2: #e5aca6; --color-3: #ee878f; --color-4: #f2616d; --color-5: #f73a3a. 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