#E1939A + #E47766 + #C1D50C + #726B8F + #6C454F · 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

#E1939A

Peach Pink · DarkSalmon · Coral Red

HEX

#E1939A

RGB

rgb(225, 147, 154)

HSL

hsl(355, 57%, 73%)

HSB

hsb(355, 35%, 88%)

CMYK

cmyk(0%, 35%, 32%, 12%)

Oklch

oklch(74.4% 0.095 13.8)

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

#E47766

Peach Pink · Salmon · Coral Red

HEX

#E47766

RGB

rgb(228, 119, 102)

HSL

hsl(8, 70%, 65%)

HSB

hsb(8, 55%, 89%)

CMYK

cmyk(0%, 48%, 55%, 11%)

Oklch

oklch(69.0% 0.139 30.2)

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

#C1D50C

Autumn Sage · GoldenRod · Honey Gold

HEX

#C1D50C

RGB

rgb(193, 213, 12)

HSL

hsl(66, 89%, 44%)

HSB

hsb(66, 94%, 84%)

CMYK

cmyk(9%, 0%, 94%, 16%)

Oklch

oklch(82.9% 0.189 116.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#726B8F

Deep Indigo · SlateGray · Navy Blue

HEX

#726B8F

RGB

rgb(114, 107, 143)

HSL

hsl(252, 14%, 49%)

HSB

hsb(252, 25%, 56%)

CMYK

cmyk(20%, 25%, 0%, 44%)

Oklch

oklch(54.8% 0.056 293.4)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#6C454F

Crimson · DimGray · Wine Red

HEX

#6C454F

RGB

rgb(108, 69, 79)

HSL

hsl(345, 22%, 35%)

HSB

hsb(345, 36%, 42%)

CMYK

cmyk(0%, 36%, 27%, 58%)

Oklch

oklch(43.8% 0.055 2.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1939A

93E1DB

Analogous

E193C1

E1939A

E1B493

Triadic

E1939A

99E193

9399E1

Split-Comp.

E1939A

93E1B4

93C1E1

Tetradic

E1939A

C1E193

93E1DB

B493E1

Contrast Matrix WCAG 2.1 Contrast

E1939A	E47766	C1D50C	726B8F	6C454F
—	1.2 Fail	1.4 Fail	2.1 Fail	3.4 AA Large
1.2 Fail	—	1.8 Fail	1.7 Fail	2.7 Fail
1.4 Fail	1.8 Fail	—	3.0 AA Large	4.9 AA
2.1 Fail	1.7 Fail	3.0 AA Large	—	1.6 Fail
3.4 AA Large	2.7 Fail	4.9 AA	1.6 Fail	—

White BG

2.4Fail

2.9Fail

1.6Fail

5.0AA

8.1AAA

Black BG

8.8AAA

7.1AAA

12.8AAA

4.2AA Large

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF98

B5B46A

CACA3D

6F6F86

5B5B4D

Deuteranopia

C4CA98

BBC36B

C9C748

6F7084

5D604C

Tritanopia

DD9797

DF6D6E

C2636B

727F7E

6A4B4A

Achromatopsia

ABABAB

969696

B8B8B8

717171

525252

Shades & Tints Shades & Tints

#E1939A

Dark

Light

#E47766

Dark

Light

#C1D50C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1939a;
  --color-2: #e47766;
  --color-3: #c1d50c;
  --color-4: #726b8f;
  --color-5: #6c454f;
}

SCSS

$color-1: #e1939a;
$color-2: #e47766;
$color-3: #c1d50c;
$color-4: #726b8f;
$color-5: #6c454f;

TAILWIND

colors: {
  'brand-1': '#e1939a',
  'brand-2': '#e47766',
  'brand-3': '#c1d50c',
  'brand-4': '#726b8f',
  'brand-5': '#6c454f',
}

RGB Array

[225, 147, 154], [228, 119, 102], [193, 213, 12], [114, 107, 143], [108, 69, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E1939A, #E47766, #C1D50C, #726B8F, #6C454F is ideal for: corporate websites, product showcases, portfolios. 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: #e1939a; --color-2: #e47766; --color-3: #c1d50c; --color-4: #726b8f; --color-5: #6c454f. 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 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