#5D98A9 + #E8518F + #EC937F + #DBC883 + #E0DABF · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#5D98A9

Slate Blue · CadetBlue · Lake Green

HEX

#5D98A9

RGB

rgb(93, 152, 169)

HSL

hsl(193, 31%, 51%)

HSB

hsb(193, 45%, 66%)

CMYK

cmyk(45%, 10%, 0%, 34%)

Oklch

oklch(64.6% 0.066 218.2)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#E8518F

Rouge · LightCoral · Rose Pink

HEX

#E8518F

RGB

rgb(232, 81, 143)

HSL

hsl(335, 77%, 61%)

HSB

hsb(335, 65%, 91%)

CMYK

cmyk(0%, 65%, 38%, 9%)

Oklch

oklch(65.6% 0.194 358.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EC937F

Peach Pink · DarkSalmon · Coral Red

HEX

#EC937F

RGB

rgb(236, 147, 127)

HSL

hsl(11, 74%, 71%)

HSB

hsb(11, 46%, 93%)

CMYK

cmyk(0%, 38%, 46%, 7%)

Oklch

oklch(75.0% 0.112 33.4)

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

#DBC883

Ginger · BurlyWood · Sunflower

HEX

#DBC883

RGB

rgb(219, 200, 131)

HSL

hsl(47, 55%, 69%)

HSB

hsb(47, 40%, 86%)

CMYK

cmyk(0%, 9%, 40%, 14%)

Oklch

oklch(83.3% 0.091 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E0DABF

Goose Yellow · Wheat · Lemon Cream

HEX

#E0DABF

RGB

rgb(224, 218, 191)

HSL

hsl(49, 35%, 81%)

HSB

hsb(49, 15%, 88%)

CMYK

cmyk(0%, 3%, 15%, 12%)

Oklch

oklch(88.6% 0.037 96.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5D98A9

A96C5B

Analogous

5BA993

5D98A9

5B71A9

Triadic

5D98A9

A95B98

98A95B

Split-Comp.

5D98A9

A95B71

A9935B

Tetradic

5D98A9

935BA9

A96C5B

71A95B

Contrast Matrix WCAG 2.1 Contrast

5D98A9	E8518F	EC937F	DBC883	E0DABF
—	1.1 Fail	1.4 Fail	1.9 Fail	2.3 Fail
1.1 Fail	—	1.5 Fail	2.1 Fail	2.5 Fail
1.4 Fail	1.5 Fail	—	1.4 Fail	1.7 Fail
1.9 Fail	2.1 Fail	1.4 Fail	—	1.2 Fail
2.3 Fail	2.5 Fail	1.7 Fail	1.2 Fail	—

White BG

3.2AA Large

3.5AA Large

2.3Fail

1.7Fail

1.4Fail

Black BG

6.5AA

6.0AA

9.0AAA

12.6AAA

15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7777A5

A7A580

C5C584

D3D394

DDDDC6

Deuteranopia

736FA4

AFBB7C

CBD185

D4D598

DEDEC7

Tritanopia

60A2A1

E07472

E88889

DAA1A4

E0CBCC

Achromatopsia

888888

858585

ABABAB

C6C6C6

D9D9D9

Shades & Tints Shades & Tints

#5D98A9

Dark

Light

#E8518F

Dark

Light

#EC937F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5d98a9;
  --color-2: #e8518f;
  --color-3: #ec937f;
  --color-4: #dbc883;
  --color-5: #e0dabf;
}

SCSS

$color-1: #5d98a9;
$color-2: #e8518f;
$color-3: #ec937f;
$color-4: #dbc883;
$color-5: #e0dabf;

TAILWIND

colors: {
  'brand-1': '#5d98a9',
  'brand-2': '#e8518f',
  'brand-3': '#ec937f',
  'brand-4': '#dbc883',
  'brand-5': '#e0dabf',
}

RGB Array

[93, 152, 169], [232, 81, 143], [236, 147, 127], [219, 200, 131], [224, 218, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #5D98A9, #E8518F, #EC937F, #DBC883, #E0DABF is ideal for: health products, baby brands, fresh-style blogs. 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: #5d98a9; --color-2: #e8518f; --color-3: #ec937f; --color-4: #dbc883; --color-5: #e0dabf. 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 pastel-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