← Back to Editor

#FBDAD3 · #E8B9A5 · #F2F4AB · #B08B79 · #E3DB2E

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

#FBDAD3

Peach Pink · Bisque · Cherry Blossom

HEX
#FBDAD3
RGB
rgb(251, 218, 211)
HSL
hsl(11, 83%, 91%)
HSB
hsb(11, 16%, 98%)
CMYK
cmyk(0%, 13%, 16%, 2%)
Oklch
oklch(91.4% 0.038 31.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E8B9A5

Apricot · BurlyWood · Peach Orange

HEX
#E8B9A5
RGB
rgb(232, 185, 165)
HSL
hsl(18, 59%, 78%)
HSB
hsb(18, 29%, 91%)
CMYK
cmyk(0%, 20%, 29%, 9%)
Oklch
oklch(82.3% 0.061 44.2)

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

#F2F4AB

Fresh Green · Wheat · Lemon Cream

HEX
#F2F4AB
RGB
rgb(242, 244, 171)
HSL
hsl(62, 77%, 81%)
HSB
hsb(62, 30%, 96%)
CMYK
cmyk(1%, 0%, 30%, 4%)
Oklch
oklch(94.9% 0.093 109.4)

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

#B08B79

Tangerine · Gray · Warm Sun

HEX
#B08B79
RGB
rgb(176, 139, 121)
HSL
hsl(20, 26%, 58%)
HSB
hsb(20, 31%, 69%)
CMYK
cmyk(0%, 21%, 31%, 31%)
Oklch
oklch(66.7% 0.052 47.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E3DB2E

Autumn Sage · Gold · Sunflower

HEX
#E3DB2E
RGB
rgb(227, 219, 46)
HSL
hsl(57, 76%, 54%)
HSB
hsb(57, 80%, 89%)
CMYK
cmyk(0%, 4%, 80%, 11%)
Oklch
oklch(87.1% 0.176 106.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBDAD3
D5F4FB

Analogous

FBD5E1
FBDAD3
FBEFD5

Triadic

FBDAD3
D5FBDC
DCD5FB

Split-Comp.

FBDAD3
D5FBEF
D5E1FB

Tetradic

FBDAD3
E1FBD5
D5F4FB
EFD5FB

Contrast Matrix WCAG 2.1 Contrast

FBDAD3
E8B9A5
F2F4AB
B08B79
E3DB2E
—
1.3
Fail
1.1
Fail
2.4
Fail
1.1
Fail
1.3
Fail
—
1.5
Fail
1.7
Fail
1.2
Fail
1.1
Fail
1.5
Fail
—
2.7
Fail
1.3
Fail
2.4
Fail
1.7
Fail
2.7
Fail
—
2.1
Fail
1.1
Fail
1.2
Fail
1.3
Fail
2.1
Fail
—
White BG
1.3Fail
1.8Fail
1.1Fail
3.1AA Large
1.5Fail
Black BG
16.1AAA
11.9AAA
18.3AAA
6.8AA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDECD5
D4D3AA
F3F3BD
A0A07D
E0DF58

Deuteranopia

EFF1D5
D6DAAB
F3F3C1
A2A57E
E0E162

Tritanopia

F9D6D6
E6AEAF
F2CBCE
AE8182
E37980

Achromatopsia

E3E3E3
C5C5C5
EBEBEB
949494
CACACA

Shades & Tints Shades & Tints

#FBDAD3

Dark
Light

#E8B9A5

Dark
Light

#F2F4AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbdad3;
  --color-2: #e8b9a5;
  --color-3: #f2f4ab;
  --color-4: #b08b79;
  --color-5: #e3db2e;
}

SCSS

$color-1: #fbdad3;
$color-2: #e8b9a5;
$color-3: #f2f4ab;
$color-4: #b08b79;
$color-5: #e3db2e;

TAILWIND

colors: {
  'brand-1': '#fbdad3',
  'brand-2': '#e8b9a5',
  'brand-3': '#f2f4ab',
  'brand-4': '#b08b79',
  'brand-5': '#e3db2e',
}

RGB Array

[251, 218, 211], [232, 185, 165], [242, 244, 171], [176, 139, 121], [227, 219, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FBDAD3, #E8B9A5, #F2F4AB, #B08B79, #E3DB2E 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: #fbdad3; --color-2: #e8b9a5; --color-3: #f2f4ab; --color-4: #b08b79; --color-5: #e3db2e. 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