← Back to Editor

#E8178D · #F86E6E · #E8B317 · #F4E2AC · #AFAA9A

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E8178D

Rose Purple · DeepPink · Camellia

HEX
#E8178D
RGB
rgb(232, 23, 141)
HSL
hsl(326, 82%, 50%)
HSB
hsb(326, 90%, 91%)
CMYK
cmyk(0%, 90%, 39%, 9%)
Oklch
oklch(61.4% 0.244 354.5)

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

#F86E6E

Peach Pink · Salmon · Coral Red

HEX
#F86E6E
RGB
rgb(248, 110, 110)
HSL
hsl(0, 91%, 70%)
HSB
hsb(0, 56%, 97%)
CMYK
cmyk(0%, 56%, 56%, 3%)
Oklch
oklch(70.6% 0.170 22.4)

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

#E8B317

Ochre · GoldenRod · Honey Gold

HEX
#E8B317
RGB
rgb(232, 179, 23)
HSL
hsl(45, 82%, 50%)
HSB
hsb(45, 90%, 91%)
CMYK
cmyk(0%, 23%, 90%, 9%)
Oklch
oklch(79.3% 0.158 86.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F4E2AC

Goose Yellow · Wheat · Lemon Cream

HEX
#F4E2AC
RGB
rgb(244, 226, 172)
HSL
hsl(45, 77%, 82%)
HSB
hsb(45, 30%, 96%)
CMYK
cmyk(0%, 7%, 30%, 4%)
Oklch
oklch(91.4% 0.072 91.8)

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

#AFAA9A

Ginger · DarkGray · Sunflower

HEX
#AFAA9A
RGB
rgb(175, 170, 154)
HSL
hsl(46, 12%, 65%)
HSB
hsb(46, 12%, 69%)
CMYK
cmyk(0%, 3%, 12%, 31%)
Oklch
oklch(73.8% 0.023 92.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8178D
17E872

Analogous

DA17E8
E8178D
E81725

Triadic

E8178D
8DE817
178DE8

Split-Comp.

E8178D
25E817
17E8DA

Tetradic

E8178D
E8DA17
17E872
1725E8

Contrast Matrix WCAG 2.1 Contrast

E8178D
F86E6E
E8B317
F4E2AC
AFAA9A
—
1.5
Fail
2.2
Fail
3.3
AA Large
1.8
Fail
1.5
Fail
—
1.5
Fail
2.2
Fail
1.2
Fail
2.2
Fail
1.5
Fail
—
1.5
Fail
1.2
Fail
3.3
AA Large
2.2
Fail
1.5
Fail
—
1.8
Fail
1.8
Fail
1.2
Fail
1.2
Fail
1.8
Fail
—
White BG
4.3AA Large
2.8Fail
1.9Fail
1.3Fail
2.3Fail
Black BG
4.9AA
7.4AAA
10.9AAA
16.3AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8C70
BCBB6E
D1D13D
ECECB9
ADAD9E

Deuteranopia

9AA96A
C4CF6E
D4D846
EDEFBC
ADAE9F

Tritanopia

DE5A55
F16E6E
E55B61
F3C3C6
AFA1A2

Achromatopsia

636363
979797
B1B1B1
E1E1E1
AAAAAA

Shades & Tints Shades & Tints

#E8178D

Dark
Light

#F86E6E

Dark
Light

#E8B317

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8178d;
  --color-2: #f86e6e;
  --color-3: #e8b317;
  --color-4: #f4e2ac;
  --color-5: #afaa9a;
}

SCSS

$color-1: #e8178d;
$color-2: #f86e6e;
$color-3: #e8b317;
$color-4: #f4e2ac;
$color-5: #afaa9a;

TAILWIND

colors: {
  'brand-1': '#e8178d',
  'brand-2': '#f86e6e',
  'brand-3': '#e8b317',
  'brand-4': '#f4e2ac',
  'brand-5': '#afaa9a',
}

RGB Array

[232, 23, 141], [248, 110, 110], [232, 179, 23], [244, 226, 172], [175, 170, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8178D, #F86E6E, #E8B317, #F4E2AC, #AFAA9A 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: #e8178d; --color-2: #f86e6e; --color-3: #e8b317; --color-4: #f4e2ac; --color-5: #afaa9a. 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 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