← Back to Editor

#EE5395 · #81D4B6 · #EBD7B2 · #F0CE8E · #EDB68F

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#EE5395

Rouge · LightCoral · Rose Pink

HEX
#EE5395
RGB
rgb(238, 83, 149)
HSL
hsl(334, 82%, 63%)
HSB
hsb(334, 65%, 93%)
CMYK
cmyk(0%, 65%, 37%, 7%)
Oklch
oklch(66.9% 0.199 357.7)

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

#81D4B6

Jade · MediumAquaMarine · Apple Green

HEX
#81D4B6
RGB
rgb(129, 212, 182)
HSL
hsl(158, 49%, 67%)
HSB
hsb(158, 39%, 83%)
CMYK
cmyk(39%, 0%, 14%, 17%)
Oklch
oklch(80.8% 0.093 168.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#EBD7B2

Goose Yellow · Wheat · Peach Orange

HEX
#EBD7B2
RGB
rgb(235, 215, 178)
HSL
hsl(39, 59%, 81%)
HSB
hsb(39, 24%, 92%)
CMYK
cmyk(0%, 9%, 24%, 8%)
Oklch
oklch(88.6% 0.054 82.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F0CE8E

Goose Yellow · Khaki · Warm Sun

HEX
#F0CE8E
RGB
rgb(240, 206, 142)
HSL
hsl(39, 77%, 75%)
HSB
hsb(39, 41%, 94%)
CMYK
cmyk(0%, 14%, 41%, 6%)
Oklch
oklch(86.6% 0.090 82.8)

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

#EDB68F

Apricot · BurlyWood · Warm Sun

HEX
#EDB68F
RGB
rgb(237, 182, 143)
HSL
hsl(25, 72%, 75%)
HSB
hsb(25, 40%, 93%)
CMYK
cmyk(0%, 23%, 40%, 7%)
Oklch
oklch(81.7% 0.083 56.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE5395
53EEAB

Analogous

EE53E4
EE5395
EE5E53

Triadic

EE5395
96EE53
5396EE

Split-Comp.

EE5395
53EE5E
53E4EE

Tetradic

EE5395
E4EE53
53EEAB
5E53EE

Contrast Matrix WCAG 2.1 Contrast

EE5395
81D4B6
EBD7B2
F0CE8E
EDB68F
—
1.9
Fail
2.4
Fail
2.2
Fail
1.9
Fail
1.9
Fail
—
1.2
Fail
1.2
Fail
1.0
Fail
2.4
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
2.2
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.0
Fail
1.3
Fail
1.2
Fail
—
White BG
3.3AA Large
1.7Fail
1.4Fail
1.5Fail
1.8Fail
Black BG
6.3AA
12.0AAA
14.9AAA
13.9AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABA985
A5A6BD
E2E2BB
E1E19D
D5D598

Deuteranopia

B4C081
A09ABF
E4E5BD
E3E6A1
D8DC9B

Tritanopia

E67876
85C3C4
EAC2C4
EEAAAC
EAA0A2

Achromatopsia

898989
B8B8B8
D9D9D9
D1D1D1
C2C2C2

Shades & Tints Shades & Tints

#EE5395

Dark
Light

#81D4B6

Dark
Light

#EBD7B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee5395;
  --color-2: #81d4b6;
  --color-3: #ebd7b2;
  --color-4: #f0ce8e;
  --color-5: #edb68f;
}

SCSS

$color-1: #ee5395;
$color-2: #81d4b6;
$color-3: #ebd7b2;
$color-4: #f0ce8e;
$color-5: #edb68f;

TAILWIND

colors: {
  'brand-1': '#ee5395',
  'brand-2': '#81d4b6',
  'brand-3': '#ebd7b2',
  'brand-4': '#f0ce8e',
  'brand-5': '#edb68f',
}

RGB Array

[238, 83, 149], [129, 212, 182], [235, 215, 178], [240, 206, 142], [237, 182, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EE5395, #81D4B6, #EBD7B2, #F0CE8E, #EDB68F is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ee5395; --color-2: #81d4b6; --color-3: #ebd7b2; --color-4: #f0ce8e; --color-5: #edb68f. 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 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