← Back to Editor

#FFE2A2 · #FA9A81 · #F0707D · #AEDBC7 · #F1E5CB

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

#FFE2A2

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE2A2
RGB
rgb(255, 226, 162)
HSL
hsl(41, 100%, 82%)
HSB
hsb(41, 36%, 100%)
CMYK
cmyk(0%, 11%, 36%, 0%)
Oklch
oklch(92.2% 0.087 86.3)

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

#FA9A81

Peach Pink · LightSalmon · Coral Red

HEX
#FA9A81
RGB
rgb(250, 154, 129)
HSL
hsl(12, 92%, 74%)
HSB
hsb(12, 48%, 98%)
CMYK
cmyk(0%, 38%, 48%, 2%)
Oklch
oklch(77.9% 0.121 35.4)

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

#F0707D

Peach Pink · LightCoral · Coral Red

HEX
#F0707D
RGB
rgb(240, 112, 125)
HSL
hsl(354, 81%, 69%)
HSB
hsb(354, 53%, 94%)
CMYK
cmyk(0%, 53%, 48%, 6%)
Oklch
oklch(70.1% 0.158 15.8)

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

#AEDBC7

Jade · LightBlue · Apple Green

HEX
#AEDBC7
RGB
rgb(174, 219, 199)
HSL
hsl(153, 38%, 77%)
HSB
hsb(153, 21%, 86%)
CMYK
cmyk(21%, 0%, 9%, 14%)
Oklch
oklch(85.4% 0.055 166.2)

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

#F1E5CB

Goose Yellow · Bisque · Lemon Cream

HEX
#F1E5CB
RGB
rgb(241, 229, 203)
HSL
hsl(41, 58%, 87%)
HSB
hsb(41, 16%, 95%)
CMYK
cmyk(0%, 5%, 16%, 5%)
Oklch
oklch(92.5% 0.037 86.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE2A2
A3C0FF

Analogous

FFB4A3
FFE2A2
EEFFA3

Triadic

FFE2A2
A3FFE2
E2A3FF

Split-Comp.

FFE2A2
A3EEFF
B4A3FF

Tetradic

FFE2A2
A3FFB4
A3C0FF
FFA3EE

Contrast Matrix WCAG 2.1 Contrast

FFE2A2
FA9A81
F0707D
AEDBC7
F1E5CB
—
1.7
Fail
2.3
Fail
1.2
Fail
1.0
Fail
1.7
Fail
—
1.4
Fail
1.4
Fail
1.7
Fail
2.3
Fail
1.4
Fail
—
1.9
Fail
2.3
Fail
1.2
Fail
1.4
Fail
1.9
Fail
—
1.2
Fail
1.0
Fail
1.7
Fail
2.3
Fail
1.2
Fail
—
White BG
1.3Fail
2.1Fail
2.9Fail
1.5Fail
1.2Fail
Black BG
16.7AAA
10.0AAA
7.3AAA
13.8AAA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2B1
D0D087
B9B77A
C1C2CC
ECECD1

Deuteranopia

F4F6B5
D6DD89
C0CA79
BFBCCD
EDEDD3

Tritanopia

FEBEC0
F58C8D
EA7777
B0D0D1
F0D6D7

Achromatopsia

E3E3E3
B4B4B4
989898
CBCBCB
E6E6E6

Shades & Tints Shades & Tints

#FFE2A2

Dark
Light

#FA9A81

Dark
Light

#F0707D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe2a2;
  --color-2: #fa9a81;
  --color-3: #f0707d;
  --color-4: #aedbc7;
  --color-5: #f1e5cb;
}

SCSS

$color-1: #ffe2a2;
$color-2: #fa9a81;
$color-3: #f0707d;
$color-4: #aedbc7;
$color-5: #f1e5cb;

TAILWIND

colors: {
  'brand-1': '#ffe2a2',
  'brand-2': '#fa9a81',
  'brand-3': '#f0707d',
  'brand-4': '#aedbc7',
  'brand-5': '#f1e5cb',
}

RGB Array

[255, 226, 162], [250, 154, 129], [240, 112, 125], [174, 219, 199], [241, 229, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFE2A2, #FA9A81, #F0707D, #AEDBC7, #F1E5CB 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: #ffe2a2; --color-2: #fa9a81; --color-3: #f0707d; --color-4: #aedbc7; --color-5: #f1e5cb. 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