← Back to Editor

#D9CEAD · #DEB26D · #F76552 · #D9366C · #BF3987

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

#D9CEAD

Goose Yellow · Wheat · Lemon Cream

HEX
#D9CEAD
RGB
rgb(217, 206, 173)
HSL
hsl(45, 37%, 76%)
HSB
hsb(45, 20%, 85%)
CMYK
cmyk(0%, 5%, 20%, 15%)
Oklch
oklch(85.2% 0.046 91.8)

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

#DEB26D

Ginger · BurlyWood · Warm Sun

HEX
#DEB26D
RGB
rgb(222, 178, 109)
HSL
hsl(37, 63%, 65%)
HSB
hsb(37, 51%, 87%)
CMYK
cmyk(0%, 20%, 51%, 13%)
Oklch
oklch(78.8% 0.101 77.7)

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

#F76552

Peach Pink · Tomato · Coral Red

HEX
#F76552
RGB
rgb(247, 101, 82)
HSL
hsl(7, 91%, 65%)
HSB
hsb(7, 67%, 97%)
CMYK
cmyk(0%, 59%, 67%, 3%)
Oklch
oklch(68.8% 0.183 29.9)

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

#D9366C

Dark Violet · MediumVioletRed · Rose Pink

HEX
#D9366C
RGB
rgb(217, 54, 108)
HSL
hsl(340, 68%, 53%)
HSB
hsb(340, 75%, 85%)
CMYK
cmyk(0%, 75%, 50%, 15%)
Oklch
oklch(59.6% 0.201 6.2)

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

#BF3987

Rose Purple · MediumVioletRed · Camellia

HEX
#BF3987
RGB
rgb(191, 57, 135)
HSL
hsl(325, 54%, 49%)
HSB
hsb(325, 70%, 75%)
CMYK
cmyk(0%, 70%, 29%, 25%)
Oklch
oklch(56.5% 0.186 348.9)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9CEAD
ABB6D8

Analogous

D8B6AB
D9CEAD
CDD8AB

Triadic

D9CEAD
ABD8CD
CDABD8

Split-Comp.

D9CEAD
ABCDD8
B6ABD8

Tetradic

D9CEAD
ABD8B6
ABB6D8
D8ABCD

Contrast Matrix WCAG 2.1 Contrast

D9CEAD
DEB26D
F76552
D9366C
BF3987
—
1.3
Fail
1.9
Fail
2.9
Fail
3.2
AA Large
1.3
Fail
—
1.5
Fail
2.3
Fail
2.6
Fail
1.9
Fail
1.5
Fail
—
1.5
Fail
1.7
Fail
2.9
Fail
2.3
Fail
1.5
Fail
—
1.1
Fail
3.2
AA Large
2.6
Fail
1.7
Fail
1.1
Fail
—
White BG
1.6Fail
2.0Fail
3.0AA Large
4.5AA Large
5.1AA
Black BG
13.4AAA
10.7AAA
6.9AA
4.7AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4B5
CBCB7E
B8B657
92915F
858474

Deuteranopia

D5D6B7
CED182
C0CB58
9CA85C
8D9770

Tritanopia

D8BBBD
DC8B8E
F05A5B
D15552
B86562

Achromatopsia

CECECE
B7B7B7
8E8E8E
6D6D6D
6A6A6A

Shades & Tints Shades & Tints

#D9CEAD

Dark
Light

#DEB26D

Dark
Light

#F76552

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9cead;
  --color-2: #deb26d;
  --color-3: #f76552;
  --color-4: #d9366c;
  --color-5: #bf3987;
}

SCSS

$color-1: #d9cead;
$color-2: #deb26d;
$color-3: #f76552;
$color-4: #d9366c;
$color-5: #bf3987;

TAILWIND

colors: {
  'brand-1': '#d9cead',
  'brand-2': '#deb26d',
  'brand-3': '#f76552',
  'brand-4': '#d9366c',
  'brand-5': '#bf3987',
}

RGB Array

[217, 206, 173], [222, 178, 109], [247, 101, 82], [217, 54, 108], [191, 57, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9CEAD, #DEB26D, #F76552, #D9366C, #BF3987 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #d9cead; --color-2: #deb26d; --color-3: #f76552; --color-4: #d9366c; --color-5: #bf3987. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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