← Back to Editor

#4D4054 · #F17885 · #EEA48F · #D1C0AD · #BCDBD3

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#4D4054

Dark Plum · DarkSlateGray · Eggplant

HEX
#4D4054
RGB
rgb(77, 64, 84)
HSL
hsl(279, 14%, 29%)
HSB
hsb(279, 24%, 33%)
CMYK
cmyk(8%, 24%, 0%, 67%)
Oklch
oklch(39.3% 0.037 313.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#F17885

Peach Pink · LightCoral · Coral Red

HEX
#F17885
RGB
rgb(241, 120, 133)
HSL
hsl(354, 81%, 71%)
HSB
hsb(354, 50%, 95%)
CMYK
cmyk(0%, 50%, 45%, 5%)
Oklch
oklch(71.5% 0.149 14.9)

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

#EEA48F

Peach Pink · DarkSalmon · Coral Red

HEX
#EEA48F
RGB
rgb(238, 164, 143)
HSL
hsl(13, 74%, 75%)
HSB
hsb(13, 40%, 93%)
CMYK
cmyk(0%, 31%, 40%, 7%)
Oklch
oklch(78.5% 0.093 36.5)

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

#D1C0AD

Goose Yellow · Silver · Warm Sun

HEX
#D1C0AD
RGB
rgb(209, 192, 173)
HSL
hsl(32, 28%, 75%)
HSB
hsb(32, 17%, 82%)
CMYK
cmyk(0%, 8%, 17%, 18%)
Oklch
oklch(81.7% 0.032 70.4)

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

#BCDBD3

Jade · LightGray · Glacier Blue

HEX
#BCDBD3
RGB
rgb(188, 219, 211)
HSL
hsl(165, 30%, 80%)
HSB
hsb(165, 14%, 86%)
CMYK
cmyk(14%, 0%, 4%, 14%)
Oklch
oklch(86.7% 0.035 178.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D4054
475440

Analogous

434054
4D4054
544051

Triadic

4D4054
544D40
40544D

Split-Comp.

4D4054
515440
405443

Tetradic

4D4054
544340
475440
405154

Contrast Matrix WCAG 2.1 Contrast

4D4054
F17885
EEA48F
D1C0AD
BCDBD3
—
3.6
AA Large
4.8
AA
5.4
AA
6.5
AA
3.6
AA Large
—
1.3
Fail
1.5
Fail
1.8
Fail
4.8
AA
1.3
Fail
—
1.1
Fail
1.4
Fail
5.4
AA
1.5
Fail
1.1
Fail
—
1.2
Fail
6.5
AA
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
9.6AAA
2.7Fail
2.0Fail
1.8Fail
1.5Fail
Black BG
2.2Fail
7.8AAA
10.3AAA
11.9AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

47474F
BDBC82
CECD94
CAC9B2
C9CAD5

Deuteranopia

48494E
C4CD81
D2D895
CBCCB3
C8C5D5

Tritanopia

4C4B4B
EB7F7F
EA9899
D0B5B6
BED6D7

Achromatopsia

464646
9E9E9E
B8B8B8
C3C3C3
D1D1D1

Shades & Tints Shades & Tints

#4D4054

Dark
Light

#F17885

Dark
Light

#EEA48F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d4054;
  --color-2: #f17885;
  --color-3: #eea48f;
  --color-4: #d1c0ad;
  --color-5: #bcdbd3;
}

SCSS

$color-1: #4d4054;
$color-2: #f17885;
$color-3: #eea48f;
$color-4: #d1c0ad;
$color-5: #bcdbd3;

TAILWIND

colors: {
  'brand-1': '#4d4054',
  'brand-2': '#f17885',
  'brand-3': '#eea48f',
  'brand-4': '#d1c0ad',
  'brand-5': '#bcdbd3',
}

RGB Array

[77, 64, 84], [241, 120, 133], [238, 164, 143], [209, 192, 173], [188, 219, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D4054, #F17885, #EEA48F, #D1C0AD, #BCDBD3 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #4d4054; --color-2: #f17885; --color-3: #eea48f; --color-4: #d1c0ad; --color-5: #bcdbd3. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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