← Back to Editor

#FF7A7A · #FF9A78 · #FFE082 · #FFF5D6 · #A0DECE

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

#FF7A7A

Peach Pink · Salmon · Coral Red

HEX
#FF7A7A
RGB
rgb(255, 122, 122)
HSL
hsl(0, 100%, 74%)
HSB
hsb(0, 52%, 100%)
CMYK
cmyk(0%, 52%, 52%, 0%)
Oklch
oklch(73.5% 0.163 21.9)

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

#FF9A78

Apricot · LightSalmon · Warm Sun

HEX
#FF9A78
RGB
rgb(255, 154, 120)
HSL
hsl(15, 100%, 74%)
HSB
hsb(15, 53%, 100%)
CMYK
cmyk(0%, 40%, 53%, 0%)
Oklch
oklch(78.3% 0.130 39.3)

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

#FFE082

Goose Yellow · Khaki · Sunflower

HEX
#FFE082
RGB
rgb(255, 224, 130)
HSL
hsl(45, 100%, 75%)
HSB
hsb(45, 49%, 100%)
CMYK
cmyk(0%, 12%, 49%, 0%)
Oklch
oklch(91.3% 0.119 91.7)

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

#FFF5D6

Goose Yellow · Beige · Lemon Cream

HEX
#FFF5D6
RGB
rgb(255, 245, 214)
HSL
hsl(45, 100%, 92%)
HSB
hsb(45, 16%, 100%)
CMYK
cmyk(0%, 4%, 16%, 0%)
Oklch
oklch(97.0% 0.042 92.2)

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

#A0DECE

Jade · LightBlue · Lake Green

HEX
#A0DECE
RGB
rgb(160, 222, 206)
HSL
hsl(165, 48%, 75%)
HSB
hsb(165, 28%, 87%)
CMYK
cmyk(28%, 0%, 7%, 13%)
Oklch
oklch(85.4% 0.067 176.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7A7A
7AFFFF

Analogous

FF7ABD
FF7A7A
FFBD7A

Triadic

FF7A7A
7AFF7A
7A7AFF

Split-Comp.

FF7A7A
7AFFBD
7ABDFF

Tetradic

FF7A7A
BDFF7A
7AFFFF
BD7AFF

Contrast Matrix WCAG 2.1 Contrast

FF7A7A
FF9A78
FFE082
FFF5D6
A0DECE
—
1.2
Fail
2.0
Fail
2.3
Fail
1.7
Fail
1.2
Fail
—
1.6
Fail
1.9
Fail
1.4
Fail
2.0
Fail
1.6
Fail
—
1.2
Fail
1.2
Fail
2.3
Fail
1.9
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
1.4
Fail
—
White BG
2.5Fail
2.1Fail
1.3Fail
1.1Fail
1.5Fail
Black BG
8.3AAA
10.1AAA
16.2AAA
19.3AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C47A
D3D280
F2F199
FBFBDE
BBBBD2

Deuteranopia

CDD77A
D9E182
F3F69E
FBFCDF
B7B3D3

Tritanopia

F87A7A
FA8788
FDABAF
FFE3E5
A3D5D6

Achromatopsia

A2A2A2
B4B4B4
DFDFDF
F4F4F4
CACACA

Shades & Tints Shades & Tints

#FF7A7A

Dark
Light

#FF9A78

Dark
Light

#FFE082

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7a7a;
  --color-2: #ff9a78;
  --color-3: #ffe082;
  --color-4: #fff5d6;
  --color-5: #a0dece;
}

SCSS

$color-1: #ff7a7a;
$color-2: #ff9a78;
$color-3: #ffe082;
$color-4: #fff5d6;
$color-5: #a0dece;

TAILWIND

colors: {
  'brand-1': '#ff7a7a',
  'brand-2': '#ff9a78',
  'brand-3': '#ffe082',
  'brand-4': '#fff5d6',
  'brand-5': '#a0dece',
}

RGB Array

[255, 122, 122], [255, 154, 120], [255, 224, 130], [255, 245, 214], [160, 222, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FF7A7A, #FF9A78, #FFE082, #FFF5D6, #A0DECE 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: #ff7a7a; --color-2: #ff9a78; --color-3: #ffe082; --color-4: #fff5d6; --color-5: #a0dece. 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