← Back to Editor

#FFEBCB · #FEFCCC · #E2F4C9 · #C1E8C5 · #98D4BC

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

#FFEBCB

Goose Yellow · Bisque · Peach Orange

HEX
#FFEBCB
RGB
rgb(255, 235, 203)
HSL
hsl(37, 100%, 90%)
HSB
hsb(37, 20%, 100%)
CMYK
cmyk(0%, 8%, 20%, 0%)
Oklch
oklch(94.8% 0.047 79.6)

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

#FEFCCC

Fresh Green · Beige · Lemon Cream

HEX
#FEFCCC
RGB
rgb(254, 252, 204)
HSL
hsl(58, 96%, 90%)
HSB
hsb(58, 20%, 100%)
CMYK
cmyk(0%, 1%, 20%, 0%)
Oklch
oklch(98.1% 0.062 105.5)

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

#E2F4C9

Willow Green · Beige · Mint Green

HEX
#E2F4C9
RGB
rgb(226, 244, 201)
HSL
hsl(85, 66%, 87%)
HSB
hsb(85, 18%, 96%)
CMYK
cmyk(7%, 0%, 18%, 4%)
Oklch
oklch(94.3% 0.060 126.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#C1E8C5

Celadon · LightGray · Mint Green

HEX
#C1E8C5
RGB
rgb(193, 232, 197)
HSL
hsl(126, 46%, 83%)
HSB
hsb(126, 17%, 91%)
CMYK
cmyk(17%, 0%, 15%, 9%)
Oklch
oklch(89.4% 0.063 147.9)

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

#98D4BC

Jade · LightSteelBlue · Apple Green

HEX
#98D4BC
RGB
rgb(152, 212, 188)
HSL
hsl(156, 41%, 71%)
HSB
hsb(156, 28%, 83%)
CMYK
cmyk(28%, 0%, 11%, 17%)
Oklch
oklch(82.2% 0.070 167.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEBCB
CCE0FF

Analogous

FFD2CC
FFEBCB
F9FFCC

Triadic

FFEBCB
CCFFEB
EBCCFF

Split-Comp.

FFEBCB
CCF9FF
D2CCFF

Tetradic

FFEBCB
CCFFD2
CCE0FF
FFCCF9

Contrast Matrix WCAG 2.1 Contrast

FFEBCB
FEFCCC
E2F4C9
C1E8C5
98D4BC
—
1.1
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.3
Fail
—
White BG
1.2Fail
1.0Fail
1.2Fail
1.3Fail
1.7Fail
Black BG
18.0AAA
20.0AAA
18.0AAA
15.6AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6D3
FDFDD8
EAEAD3
D2D2CD
B2B3C2

Deuteranopia

F8F9D5
FDFDDA
E9E7D6
D0CDCF
AFAAC3

Tritanopia

FED9DA
FEE1E3
E3DCDD
C3D4D6
9BC6C7

Achromatopsia

EDEDED
F7F7F7
EAEAEA
D8D8D8
BFBFBF

Shades & Tints Shades & Tints

#FFEBCB

Dark
Light

#FEFCCC

Dark
Light

#E2F4C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffebcb;
  --color-2: #fefccc;
  --color-3: #e2f4c9;
  --color-4: #c1e8c5;
  --color-5: #98d4bc;
}

SCSS

$color-1: #ffebcb;
$color-2: #fefccc;
$color-3: #e2f4c9;
$color-4: #c1e8c5;
$color-5: #98d4bc;

TAILWIND

colors: {
  'brand-1': '#ffebcb',
  'brand-2': '#fefccc',
  'brand-3': '#e2f4c9',
  'brand-4': '#c1e8c5',
  'brand-5': '#98d4bc',
}

RGB Array

[255, 235, 203], [254, 252, 204], [226, 244, 201], [193, 232, 197], [152, 212, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFEBCB, #FEFCCC, #E2F4C9, #C1E8C5, #98D4BC 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: #ffebcb; --color-2: #fefccc; --color-3: #e2f4c9; --color-4: #c1e8c5; --color-5: #98d4bc. 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