← Back to Editor

#4F656A · #DC788A · #EEA0A1 · #F5D7C4 · #E1EDD1

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

#4F656A

Slate Blue · DimGray · Mint Ice

HEX
#4F656A
RGB
rgb(79, 101, 106)
HSL
hsl(191, 15%, 36%)
HSB
hsb(191, 25%, 42%)
CMYK
cmyk(25%, 5%, 0%, 58%)
Oklch
oklch(49.1% 0.028 213.1)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#DC788A

Peach Pink · LightCoral · Coral Red

HEX
#DC788A
RGB
rgb(220, 120, 138)
HSL
hsl(349, 59%, 67%)
HSB
hsb(349, 45%, 86%)
CMYK
cmyk(0%, 45%, 37%, 14%)
Oklch
oklch(68.9% 0.125 9.4)

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

#EEA0A1

Peach Pink · BurlyWood · Coral Red

HEX
#EEA0A1
RGB
rgb(238, 160, 161)
HSL
hsl(359, 70%, 78%)
HSB
hsb(359, 33%, 93%)
CMYK
cmyk(0%, 33%, 32%, 7%)
Oklch
oklch(78.2% 0.093 18.6)

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

#F5D7C4

Apricot · Bisque · Peach Orange

HEX
#F5D7C4
RGB
rgb(245, 215, 196)
HSL
hsl(23, 71%, 86%)
HSB
hsb(23, 20%, 96%)
CMYK
cmyk(0%, 12%, 20%, 4%)
Oklch
oklch(89.9% 0.042 54.4)

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

#E1EDD1

Willow Green · Beige · Mint Green

HEX
#E1EDD1
RGB
rgb(225, 237, 209)
HSL
hsl(86, 44%, 87%)
HSB
hsb(86, 12%, 93%)
CMYK
cmyk(5%, 0%, 12%, 7%)
Oklch
oklch(93.0% 0.039 126.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F656A
6A534E

Analogous

4E6A61
4F656A
4E576A

Triadic

4F656A
6A4E65
656A4E

Split-Comp.

4F656A
6A4E57
6A614E

Tetradic

4F656A
614E6A
6A534E
576A4E

Contrast Matrix WCAG 2.1 Contrast

4F656A
DC788A
EEA0A1
F5D7C4
E1EDD1
—
2.1
Fail
3.0
Fail
4.5
AA
5.1
AA
2.1
Fail
—
1.4
Fail
2.2
Fail
2.4
Fail
3.0
Fail
1.4
Fail
—
1.5
Fail
1.7
Fail
4.5
AA
2.2
Fail
1.5
Fail
—
1.1
Fail
5.1
AA
2.4
Fail
1.7
Fail
1.1
Fail
—
White BG
6.2AA
3.0Fail
2.1Fail
1.4Fail
1.2Fail
Black BG
3.4AA Large
7.1AAA
10.2AAA
15.4AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

595969
B1B086
CCCCA1
E8E8C9
E6E6D8

Deuteranopia

575668
B7BE85
D1D7A1
EAECCA
E6E5D9

Tritanopia

506868
D78281
EAA1A1
F4CCCD
E2DDDE

Achromatopsia

5F5F5F
989898
B7B7B7
DEDEDE
E6E6E6

Shades & Tints Shades & Tints

#4F656A

Dark
Light

#DC788A

Dark
Light

#EEA0A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f656a;
  --color-2: #dc788a;
  --color-3: #eea0a1;
  --color-4: #f5d7c4;
  --color-5: #e1edd1;
}

SCSS

$color-1: #4f656a;
$color-2: #dc788a;
$color-3: #eea0a1;
$color-4: #f5d7c4;
$color-5: #e1edd1;

TAILWIND

colors: {
  'brand-1': '#4f656a',
  'brand-2': '#dc788a',
  'brand-3': '#eea0a1',
  'brand-4': '#f5d7c4',
  'brand-5': '#e1edd1',
}

RGB Array

[79, 101, 106], [220, 120, 138], [238, 160, 161], [245, 215, 196], [225, 237, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F656A, #DC788A, #EEA0A1, #F5D7C4, #E1EDD1 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: #4f656a; --color-2: #dc788a; --color-3: #eea0a1; --color-4: #f5d7c4; --color-5: #e1edd1. 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