← Back to Editor

#F32E71 · #F86782 · #F5E463 · #4AACA1 · #1A969C

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

#F32E71

Dark Violet · DeepPink · Rose Pink

HEX
#F32E71
RGB
rgb(243, 46, 113)
HSL
hsl(340, 89%, 57%)
HSB
hsb(340, 81%, 95%)
CMYK
cmyk(0%, 81%, 53%, 5%)
Oklch
oklch(63.5% 0.230 7.6)

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

#F86782

Peach Pink · LightCoral · Coral Red

HEX
#F86782
RGB
rgb(248, 103, 130)
HSL
hsl(349, 91%, 69%)
HSB
hsb(349, 58%, 97%)
CMYK
cmyk(0%, 58%, 48%, 3%)
Oklch
oklch(70.1% 0.178 11.5)

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

#F5E463

Fresh Green · Khaki · Sunflower

HEX
#F5E463
RGB
rgb(245, 228, 99)
HSL
hsl(53, 88%, 67%)
HSB
hsb(53, 60%, 96%)
CMYK
cmyk(0%, 7%, 60%, 4%)
Oklch
oklch(90.9% 0.149 101.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#4AACA1

Mineral Blue · CadetBlue · Mint Ice

HEX
#4AACA1
RGB
rgb(74, 172, 161)
HSL
hsl(173, 40%, 48%)
HSB
hsb(173, 57%, 67%)
CMYK
cmyk(57%, 0%, 6%, 33%)
Oklch
oklch(68.3% 0.093 185.3)

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

#1A969C

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1A969C
RGB
rgb(26, 150, 156)
HSL
hsl(183, 71%, 36%)
HSB
hsb(183, 83%, 61%)
CMYK
cmyk(83%, 4%, 0%, 39%)
Oklch
oklch(61.4% 0.099 200.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F32E71
30F3B2

Analogous

F330D2
F32E71
F35030

Triadic

F32E71
71F330
3071F3

Split-Comp.

F32E71
30F350
30D2F3

Tetradic

F32E71
D2F330
30F3B2
5030F3

Contrast Matrix WCAG 2.1 Contrast

F32E71
F86782
F5E463
4AACA1
1A969C
—
1.3
Fail
3.0
Fail
1.4
Fail
1.1
Fail
1.3
Fail
—
2.2
Fail
1.1
Fail
1.2
Fail
3.0
Fail
2.2
Fail
—
2.1
Fail
2.7
Fail
1.4
Fail
1.1
Fail
2.1
Fail
—
1.3
Fail
1.1
Fail
1.2
Fail
2.7
Fail
1.3
Fail
—
White BG
3.9AA Large
2.9Fail
1.3Fail
2.7Fail
3.6AA Large
Black BG
5.4AA
7.3AAA
16.2AAA
7.7AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9C61
B9B87B
EEED82
7475A4
50519B

Deuteranopia

A9B85D
C2CD7A
EFF08A
6F67A4
493F9A

Tritanopia

E95451
F17675
F49BA0
4FA6A6
209999

Achromatopsia

717171
959595
DADADA
8D8D8D
727272

Shades & Tints Shades & Tints

#F32E71

Dark
Light

#F86782

Dark
Light

#F5E463

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f32e71;
  --color-2: #f86782;
  --color-3: #f5e463;
  --color-4: #4aaca1;
  --color-5: #1a969c;
}

SCSS

$color-1: #f32e71;
$color-2: #f86782;
$color-3: #f5e463;
$color-4: #4aaca1;
$color-5: #1a969c;

TAILWIND

colors: {
  'brand-1': '#f32e71',
  'brand-2': '#f86782',
  'brand-3': '#f5e463',
  'brand-4': '#4aaca1',
  'brand-5': '#1a969c',
}

RGB Array

[243, 46, 113], [248, 103, 130], [245, 228, 99], [74, 172, 161], [26, 150, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F32E71, #F86782, #F5E463, #4AACA1, #1A969C 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: #f32e71; --color-2: #f86782; --color-3: #f5e463; --color-4: #4aaca1; --color-5: #1a969c. 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