← Back to Editor

#E8DFCF · #EBC5B5 · #F2A19B · #F03275 · #329693

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 PostIllustrationData Visualization

Color Details Color Details

#E8DFCF

Goose Yellow · LightGray · Peach Orange

HEX
#E8DFCF
RGB
rgb(232, 223, 207)
HSL
hsl(38, 35%, 86%)
HSB
hsb(38, 11%, 91%)
CMYK
cmyk(0%, 4%, 11%, 9%)
Oklch
oklch(90.6% 0.024 82.1)

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

#EBC5B5

Apricot · Wheat · Peach Orange

HEX
#EBC5B5
RGB
rgb(235, 197, 181)
HSL
hsl(18, 57%, 82%)
HSB
hsb(18, 23%, 92%)
CMYK
cmyk(0%, 16%, 23%, 8%)
Oklch
oklch(85.2% 0.049 44.1)

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

#F2A19B

Peach Pink · LightSalmon · Coral Red

HEX
#F2A19B
RGB
rgb(242, 161, 155)
HSL
hsl(4, 77%, 78%)
HSB
hsb(4, 36%, 95%)
CMYK
cmyk(0%, 33%, 36%, 5%)
Oklch
oklch(78.7% 0.098 24.2)

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

#F03275

Dark Violet · DeepPink · Rose Pink

HEX
#F03275
RGB
rgb(240, 50, 117)
HSL
hsl(339, 86%, 57%)
HSB
hsb(339, 79%, 94%)
CMYK
cmyk(0%, 79%, 51%, 6%)
Oklch
oklch(63.4% 0.225 6.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#329693

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#329693
RGB
rgb(50, 150, 147)
HSL
hsl(178, 50%, 39%)
HSB
hsb(178, 67%, 59%)
CMYK
cmyk(67%, 0%, 2%, 41%)
Oklch
oklch(61.6% 0.090 192.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8DFCF
CFD8E8

Analogous

E8D2CF
E8DFCF
E4E8CF

Triadic

E8DFCF
CFE8DF
DFCFE8

Split-Comp.

E8DFCF
CFE4E8
D2CFE8

Tetradic

E8DFCF
CFE8D2
CFD8E8
E8CFE4

Contrast Matrix WCAG 2.1 Contrast

E8DFCF
EBC5B5
F2A19B
F03275
329693
—
1.2
Fail
1.5
Fail
2.9
Fail
2.7
Fail
1.2
Fail
—
1.3
Fail
2.4
Fail
2.2
Fail
1.5
Fail
1.3
Fail
—
1.9
Fail
1.7
Fail
2.9
Fail
2.4
Fail
1.9
Fail
—
1.1
Fail
2.7
Fail
2.2
Fail
1.7
Fail
1.1
Fail
—
White BG
1.3Fail
1.6Fail
2.0Fail
3.9AA Large
3.5AA Large
Black BG
15.9AAA
13.2AAA
10.3AAA
5.4AA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4D3
DBDAB9
CFCE9C
9E9C65
5D5E94

Deuteranopia

E5E5D4
DDE0BA
D4DA9D
A9B761
585094

Tritanopia

E8D6D7
E9BCBD
EE9E9E
E75855
379494

Achromatopsia

E0E0E0
CFCFCF
B9B9B9
727272
787878

Shades & Tints Shades & Tints

#E8DFCF

Dark
Light

#EBC5B5

Dark
Light

#F2A19B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8dfcf;
  --color-2: #ebc5b5;
  --color-3: #f2a19b;
  --color-4: #f03275;
  --color-5: #329693;
}

SCSS

$color-1: #e8dfcf;
$color-2: #ebc5b5;
$color-3: #f2a19b;
$color-4: #f03275;
$color-5: #329693;

TAILWIND

colors: {
  'brand-1': '#e8dfcf',
  'brand-2': '#ebc5b5',
  'brand-3': '#f2a19b',
  'brand-4': '#f03275',
  'brand-5': '#329693',
}

RGB Array

[232, 223, 207], [235, 197, 181], [242, 161, 155], [240, 50, 117], [50, 150, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8DFCF, #EBC5B5, #F2A19B, #F03275, #329693 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #e8dfcf; --color-2: #ebc5b5; --color-3: #f2a19b; --color-4: #f03275; --color-5: #329693. 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 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