← Back to Editor

#9FC4A3 · #FCD4A1 · #EDBE86 · #D6816C · #DC5F41

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

#9FC4A3

Celadon · DarkSeaGreen · Apple Green

HEX
#9FC4A3
RGB
rgb(159, 196, 163)
HSL
hsl(126, 24%, 70%)
HSB
hsb(126, 19%, 77%)
CMYK
cmyk(19%, 0%, 17%, 23%)
Oklch
oklch(78.4% 0.061 147.9)

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

#FCD4A1

Goose Yellow · Wheat · Peach Orange

HEX
#FCD4A1
RGB
rgb(252, 212, 161)
HSL
hsl(34, 94%, 81%)
HSB
hsb(34, 36%, 99%)
CMYK
cmyk(0%, 16%, 36%, 1%)
Oklch
oklch(89.2% 0.080 73.3)

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

#EDBE86

Goose Yellow · BurlyWood · Warm Sun

HEX
#EDBE86
RGB
rgb(237, 190, 134)
HSL
hsl(33, 74%, 73%)
HSB
hsb(33, 43%, 93%)
CMYK
cmyk(0%, 20%, 43%, 7%)
Oklch
oklch(83.1% 0.090 71.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D6816C

Peach Pink · DarkSalmon · Coral Red

HEX
#D6816C
RGB
rgb(214, 129, 108)
HSL
hsl(12, 56%, 63%)
HSB
hsb(12, 50%, 84%)
CMYK
cmyk(0%, 40%, 50%, 16%)
Oklch
oklch(68.9% 0.110 34.7)

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

#DC5F41

Vermilion · Tomato · Passion Red

HEX
#DC5F41
RGB
rgb(220, 95, 65)
HSL
hsl(12, 69%, 56%)
HSB
hsb(12, 70%, 86%)
CMYK
cmyk(0%, 57%, 70%, 14%)
Oklch
oklch(63.7% 0.164 34.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FC4A3
C5A0C1

Analogous

AFC5A0
9FC4A3
A0C5B6

Triadic

9FC4A3
A4A0C5
C5A4A0

Split-Comp.

9FC4A3
B6A0C5
C5A0AF

Tetradic

9FC4A3
A0AFC5
C5A0C1
C5B6A0

Contrast Matrix WCAG 2.1 Contrast

9FC4A3
FCD4A1
EDBE86
D6816C
DC5F41
—
1.4
Fail
1.1
Fail
1.5
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
2.1
Fail
2.6
Fail
1.1
Fail
1.2
Fail
—
1.7
Fail
2.1
Fail
1.5
Fail
2.1
Fail
1.7
Fail
—
1.3
Fail
1.9
Fail
2.6
Fail
2.1
Fail
1.3
Fail
—
White BG
1.9Fail
1.4Fail
1.7Fail
2.9Fail
3.6AA Large
Black BG
10.9AAA
15.1AAA
12.3AAA
7.2AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAFAB
EBEAAD
D9D894
B1B071
A6A548

Deuteranopia

ADAAAD
EDF0B0
DBDF97
B6BC72
ADB74A

Tritanopia

A1B1B3
FAB7B9
EB9EA1
D27576
D64E4F

Achromatopsia

B5B5B5
DADADA
C6C6C6
989898
818181

Shades & Tints Shades & Tints

#9FC4A3

Dark
Light

#FCD4A1

Dark
Light

#EDBE86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fc4a3;
  --color-2: #fcd4a1;
  --color-3: #edbe86;
  --color-4: #d6816c;
  --color-5: #dc5f41;
}

SCSS

$color-1: #9fc4a3;
$color-2: #fcd4a1;
$color-3: #edbe86;
$color-4: #d6816c;
$color-5: #dc5f41;

TAILWIND

colors: {
  'brand-1': '#9fc4a3',
  'brand-2': '#fcd4a1',
  'brand-3': '#edbe86',
  'brand-4': '#d6816c',
  'brand-5': '#dc5f41',
}

RGB Array

[159, 196, 163], [252, 212, 161], [237, 190, 134], [214, 129, 108], [220, 95, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9FC4A3, #FCD4A1, #EDBE86, #D6816C, #DC5F41 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: #9fc4a3; --color-2: #fcd4a1; --color-3: #edbe86; --color-4: #d6816c; --color-5: #dc5f41. 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