← Back to Editor

#FF6060 · #FF7260 · #FFA360 · #FFD060 · #FFE660

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FF6060

Peach Pink · Tomato · Coral Red

HEX
#FF6060
RGB
rgb(255, 96, 96)
HSL
hsl(0, 100%, 69%)
HSB
hsb(0, 62%, 100%)
CMYK
cmyk(0%, 62%, 62%, 0%)
Oklch
oklch(69.6% 0.194 23.6)

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

#FF7260

Peach Pink · Coral · Coral Red

HEX
#FF7260
RGB
rgb(255, 114, 96)
HSL
hsl(7, 100%, 69%)
HSB
hsb(7, 62%, 100%)
CMYK
cmyk(0%, 55%, 62%, 0%)
Oklch
oklch(71.9% 0.176 29.4)

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

#FFA360

Apricot · SandyBrown · Warm Sun

HEX
#FFA360
RGB
rgb(255, 163, 96)
HSL
hsl(25, 100%, 69%)
HSB
hsb(25, 62%, 100%)
CMYK
cmyk(0%, 36%, 62%, 0%)
Oklch
oklch(79.5% 0.137 55.3)

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

#FFD060

Ginger · SandyBrown · Sunflower

HEX
#FFD060
RGB
rgb(255, 208, 96)
HSL
hsl(42, 100%, 69%)
HSB
hsb(42, 62%, 100%)
CMYK
cmyk(0%, 18%, 62%, 0%)
Oklch
oklch(87.8% 0.139 86.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FFE660

Fresh Green · Khaki · Sunflower

HEX
#FFE660
RGB
rgb(255, 230, 96)
HSL
hsl(51, 100%, 69%)
HSB
hsb(51, 62%, 100%)
CMYK
cmyk(0%, 10%, 62%, 0%)
Oklch
oklch(92.1% 0.153 98.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF6060
61FFFF

Analogous

FF61B0
FF6060
FFB061

Triadic

FF6060
61FF61
6161FF

Split-Comp.

FF6060
61FFB0
61B0FF

Tetradic

FF6060
B0FF61
61FFFF
B061FF

Contrast Matrix WCAG 2.1 Contrast

FF6060
FF7260
FFA360
FFD060
FFE660
—
1.1
Fail
1.5
Fail
2.0
Fail
2.4
Fail
1.1
Fail
—
1.4
Fail
1.8
Fail
2.1
Fail
1.5
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
2.0
Fail
1.8
Fail
1.4
Fail
—
1.2
Fail
2.4
Fail
2.1
Fail
1.6
Fail
1.2
Fail
—
White BG
3.0Fail
2.7Fail
2.0Fail
1.5Fail
1.3Fail
Black BG
7.1AAA
7.8AAA
10.7AAA
14.4AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB960
C2C164
D7D670
EBEA7B
F4F480

Deuteranopia

C3CF60
CAD565
DDE374
EDF182
F6F888

Tritanopia

F76060
F86869
FA7D80
FD9095
FE9AA0

Achromatopsia

909090
9A9A9A
B7B7B7
D1D1D1
DEDEDE

Shades & Tints Shades & Tints

#FF6060

Dark
Light

#FF7260

Dark
Light

#FFA360

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff6060;
  --color-2: #ff7260;
  --color-3: #ffa360;
  --color-4: #ffd060;
  --color-5: #ffe660;
}

SCSS

$color-1: #ff6060;
$color-2: #ff7260;
$color-3: #ffa360;
$color-4: #ffd060;
$color-5: #ffe660;

TAILWIND

colors: {
  'brand-1': '#ff6060',
  'brand-2': '#ff7260',
  'brand-3': '#ffa360',
  'brand-4': '#ffd060',
  'brand-5': '#ffe660',
}

RGB Array

[255, 96, 96], [255, 114, 96], [255, 163, 96], [255, 208, 96], [255, 230, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FF6060, #FF7260, #FFA360, #FFD060, #FFE660 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: #ff6060; --color-2: #ff7260; --color-3: #ffa360; --color-4: #ffd060; --color-5: #ffe660. 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