← Back to Editor

#FBF3E8 · #E8F0E1 · #FBE5B4 · #F1CEBA · #FDE8D5

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

#FBF3E8

Goose Yellow · Linen · Peach Orange

HEX
#FBF3E8
RGB
rgb(251, 243, 232)
HSL
hsl(35, 70%, 95%)
HSB
hsb(35, 8%, 98%)
CMYK
cmyk(0%, 3%, 8%, 2%)
Oklch
oklch(96.7% 0.017 76.1)

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

#E8F0E1

Celadon · Beige · Mint Green

HEX
#E8F0E1
RGB
rgb(232, 240, 225)
HSL
hsl(92, 33%, 91%)
HSB
hsb(92, 6%, 94%)
CMYK
cmyk(3%, 0%, 6%, 6%)
Oklch
oklch(94.5% 0.022 130.0)

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

#FBE5B4

Goose Yellow · Wheat · Lemon Cream

HEX
#FBE5B4
RGB
rgb(251, 229, 180)
HSL
hsl(41, 90%, 85%)
HSB
hsb(41, 28%, 98%)
CMYK
cmyk(0%, 9%, 28%, 2%)
Oklch
oklch(92.8% 0.068 86.6)

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

#F1CEBA

Apricot · Wheat · Peach Orange

HEX
#F1CEBA
RGB
rgb(241, 206, 186)
HSL
hsl(22, 66%, 84%)
HSB
hsb(22, 23%, 95%)
CMYK
cmyk(0%, 15%, 23%, 5%)
Oklch
oklch(87.6% 0.048 51.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FDE8D5

Apricot · Beige · Peach Orange

HEX
#FDE8D5
RGB
rgb(253, 232, 213)
HSL
hsl(28, 91%, 91%)
HSB
hsb(28, 16%, 99%)
CMYK
cmyk(0%, 8%, 16%, 1%)
Oklch
oklch(94.3% 0.034 64.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF3E8
E9F1FB

Analogous

FBEBE9
FBF3E8
FAFBE9

Triadic

FBF3E8
E9FBF4
F4E9FB

Split-Comp.

FBF3E8
E9FAFB
EBE9FB

Tetradic

FBF3E8
E9FBEB
E9F1FB
FBE9FA

Contrast Matrix WCAG 2.1 Contrast

FBF3E8
E8F0E1
FBE5B4
F1CEBA
FDE8D5
—
1.1
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.0
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.2
Fail
—
White BG
1.1Fail
1.2Fail
1.2Fail
1.5Fail
1.2Fail
Black BG
19.1AAA
18.0AAA
17.0AAA
14.3AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F7EB
EBECE5
F1F1C0
E2E2BF
F4F4DA

Deuteranopia

F8F9EB
EBEAE6
F3F4C3
E4E7C0
F5F7DB

Tritanopia

FBEDED
E8E7E8
FAC9CB
EFC3C4
FCDDDE

Achromatopsia

F4F4F4
ECECEC
E6E6E6
D6D6D6
ECECEC

Shades & Tints Shades & Tints

#FBF3E8

Dark
Light

#E8F0E1

Dark
Light

#FBE5B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf3e8;
  --color-2: #e8f0e1;
  --color-3: #fbe5b4;
  --color-4: #f1ceba;
  --color-5: #fde8d5;
}

SCSS

$color-1: #fbf3e8;
$color-2: #e8f0e1;
$color-3: #fbe5b4;
$color-4: #f1ceba;
$color-5: #fde8d5;

TAILWIND

colors: {
  'brand-1': '#fbf3e8',
  'brand-2': '#e8f0e1',
  'brand-3': '#fbe5b4',
  'brand-4': '#f1ceba',
  'brand-5': '#fde8d5',
}

RGB Array

[251, 243, 232], [232, 240, 225], [251, 229, 180], [241, 206, 186], [253, 232, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FBF3E8, #E8F0E1, #FBE5B4, #F1CEBA, #FDE8D5 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: #fbf3e8; --color-2: #e8f0e1; --color-3: #fbe5b4; --color-4: #f1ceba; --color-5: #fde8d5. 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