← Back to Editor

#F95A61 · #F4A460 · #F5C85C · #FAEAB9 · #7B9F80

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

#F95A61

Peach Pink · Tomato · Coral Red

HEX
#F95A61
RGB
rgb(249, 90, 97)
HSL
hsl(357, 93%, 66%)
HSB
hsb(357, 64%, 98%)
CMYK
cmyk(0%, 64%, 61%, 2%)
Oklch
oklch(68.0% 0.194 21.4)

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

#F4A460

Apricot · SandyBrown · Warm Sun

HEX
#F4A460
RGB
rgb(244, 164, 96)
HSL
hsl(28, 87%, 67%)
HSB
hsb(28, 61%, 96%)
CMYK
cmyk(0%, 33%, 61%, 4%)
Oklch
oklch(78.4% 0.127 59.7)

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

#F5C85C

Ginger · SandyBrown · Sunflower

HEX
#F5C85C
RGB
rgb(245, 200, 92)
HSL
hsl(42, 88%, 66%)
HSB
hsb(42, 62%, 96%)
CMYK
cmyk(0%, 18%, 62%, 4%)
Oklch
oklch(85.2% 0.135 86.5)

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

#FAEAB9

Goose Yellow · Bisque · Lemon Cream

HEX
#FAEAB9
RGB
rgb(250, 234, 185)
HSL
hsl(45, 87%, 85%)
HSB
hsb(45, 26%, 98%)
CMYK
cmyk(0%, 6%, 26%, 2%)
Oklch
oklch(93.8% 0.066 92.1)

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

#7B9F80

Celadon · Gray · Olive Green

HEX
#7B9F80
RGB
rgb(123, 159, 128)
HSL
hsl(128, 16%, 55%)
HSB
hsb(128, 23%, 62%)
CMYK
cmyk(23%, 0%, 19%, 38%)
Oklch
oklch(66.7% 0.060 148.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F95A61
58F9F1

Analogous

F958B0
F95A61
F9A058

Triadic

F95A61
60F958
5860F9

Split-Comp.

F95A61
58F9A0
58B0F9

Tetradic

F95A61
B0F958
58F9F1
A058F9

Contrast Matrix WCAG 2.1 Contrast

F95A61
F4A460
F5C85C
FAEAB9
7B9F80
—
1.5
Fail
2.0
Fail
2.6
Fail
1.1
Fail
1.5
Fail
—
1.3
Fail
1.7
Fail
1.5
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
1.9
Fail
2.6
Fail
1.7
Fail
1.3
Fail
—
2.5
Fail
1.1
Fail
1.5
Fail
1.9
Fail
2.5
Fail
—
White BG
3.2AA Large
2.0Fail
1.6Fail
1.2Fail
3.0Fail
Black BG
6.7AA
10.3AAA
13.3AAA
17.5AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B35F
D1D170
E2E176
F3F3C5
8B8B88

Deuteranopia

BDC95F
D6DC74
E4E87C
F4F5C8
898689

Tritanopia

F15E5E
F07D80
F38B8F
F9CED0
7D8D8F

Achromatopsia

8A8A8A
B4B4B4
C9C9C9
E9E9E9
919191

Shades & Tints Shades & Tints

#F95A61

Dark
Light

#F4A460

Dark
Light

#F5C85C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f95a61;
  --color-2: #f4a460;
  --color-3: #f5c85c;
  --color-4: #faeab9;
  --color-5: #7b9f80;
}

SCSS

$color-1: #f95a61;
$color-2: #f4a460;
$color-3: #f5c85c;
$color-4: #faeab9;
$color-5: #7b9f80;

TAILWIND

colors: {
  'brand-1': '#f95a61',
  'brand-2': '#f4a460',
  'brand-3': '#f5c85c',
  'brand-4': '#faeab9',
  'brand-5': '#7b9f80',
}

RGB Array

[249, 90, 97], [244, 164, 96], [245, 200, 92], [250, 234, 185], [123, 159, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F95A61, #F4A460, #F5C85C, #FAEAB9, #7B9F80 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: #f95a61; --color-2: #f4a460; --color-3: #f5c85c; --color-4: #faeab9; --color-5: #7b9f80. 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