← Back to Editor

#FA537F · #FF9E69 · #FDCD69 · #FCDCA9 · #99C69D

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

#FA537F

Rouge · LightCoral · Rose Pink

HEX
#FA537F
RGB
rgb(250, 83, 127)
HSL
hsl(344, 94%, 65%)
HSB
hsb(344, 67%, 98%)
CMYK
cmyk(0%, 67%, 49%, 2%)
Oklch
oklch(68.1% 0.204 8.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF9E69

Apricot · SandyBrown · Warm Sun

HEX
#FF9E69
RGB
rgb(255, 158, 105)
HSL
hsl(21, 100%, 71%)
HSB
hsb(21, 59%, 100%)
CMYK
cmyk(0%, 38%, 59%, 0%)
Oklch
oklch(78.8% 0.135 48.6)

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

#FDCD69

Ginger · SandyBrown · Sunflower

HEX
#FDCD69
RGB
rgb(253, 205, 105)
HSL
hsl(41, 97%, 70%)
HSB
hsb(41, 58%, 99%)
CMYK
cmyk(0%, 19%, 58%, 1%)
Oklch
oklch(87.1% 0.130 83.8)

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

#FCDCA9

Goose Yellow · Wheat · Peach Orange

HEX
#FCDCA9
RGB
rgb(252, 220, 169)
HSL
hsl(37, 93%, 83%)
HSB
hsb(37, 33%, 99%)
CMYK
cmyk(0%, 13%, 33%, 1%)
Oklch
oklch(90.9% 0.075 79.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#99C69D

Celadon · DarkSeaGreen · Apple Green

HEX
#99C69D
RGB
rgb(153, 198, 157)
HSL
hsl(125, 28%, 69%)
HSB
hsb(125, 23%, 78%)
CMYK
cmyk(23%, 0%, 21%, 22%)
Oklch
oklch(78.3% 0.075 147.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA537F
52FACD

Analogous

FA52D2
FA537F
FA7952

Triadic

FA537F
7FFA52
527FFA

Split-Comp.

FA537F
52FA79
52D2FA

Tetradic

FA537F
D2FA52
52FACD
7952FA

Contrast Matrix WCAG 2.1 Contrast

FA537F
FF9E69
FDCD69
FCDCA9
99C69D
—
1.6
Fail
2.1
Fail
2.4
Fail
1.7
Fail
1.6
Fail
—
1.4
Fail
1.5
Fail
1.1
Fail
2.1
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
2.4
Fail
1.5
Fail
1.1
Fail
—
1.5
Fail
1.7
Fail
1.1
Fail
1.3
Fail
1.5
Fail
—
White BG
3.2AA Large
2.0Fail
1.5Fail
1.3Fail
1.9Fail
Black BG
6.6AA
10.3AAA
14.1AAA
15.9AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B074
D5D476
E8E881
EEEEB5
ACADA7

Deuteranopia

BBC872
DBE279
EBEF87
F0F2B8
AAA7A9

Tritanopia

F26C6A
FA8082
FB9499
FABFC1
9BAFB0

Achromatopsia

8A8A8A
B5B5B5
D0D0D0
E0E0E0
B4B4B4

Shades & Tints Shades & Tints

#FA537F

Dark
Light

#FF9E69

Dark
Light

#FDCD69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa537f;
  --color-2: #ff9e69;
  --color-3: #fdcd69;
  --color-4: #fcdca9;
  --color-5: #99c69d;
}

SCSS

$color-1: #fa537f;
$color-2: #ff9e69;
$color-3: #fdcd69;
$color-4: #fcdca9;
$color-5: #99c69d;

TAILWIND

colors: {
  'brand-1': '#fa537f',
  'brand-2': '#ff9e69',
  'brand-3': '#fdcd69',
  'brand-4': '#fcdca9',
  'brand-5': '#99c69d',
}

RGB Array

[250, 83, 127], [255, 158, 105], [253, 205, 105], [252, 220, 169], [153, 198, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FA537F, #FF9E69, #FDCD69, #FCDCA9, #99C69D 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: #fa537f; --color-2: #ff9e69; --color-3: #fdcd69; --color-4: #fcdca9; --color-5: #99c69d. 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