← Back to Editor

#FFFBDE · #FDEDAB · #F3C3A3 · #DA8889 · #B1967A

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

#FFFBDE

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFBDE
RGB
rgb(255, 251, 222)
HSL
hsl(53, 100%, 94%)
HSB
hsb(53, 13%, 100%)
CMYK
cmyk(0%, 2%, 13%, 0%)
Oklch
oklch(98.4% 0.038 100.6)

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

#FDEDAB

Goose Yellow · Wheat · Lemon Cream

HEX
#FDEDAB
RGB
rgb(253, 237, 171)
HSL
hsl(48, 95%, 83%)
HSB
hsb(48, 32%, 99%)
CMYK
cmyk(0%, 6%, 32%, 1%)
Oklch
oklch(94.4% 0.085 96.1)

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

#F3C3A3

Apricot · Wheat · Peach Orange

HEX
#F3C3A3
RGB
rgb(243, 195, 163)
HSL
hsl(24, 77%, 80%)
HSB
hsb(24, 33%, 95%)
CMYK
cmyk(0%, 20%, 33%, 5%)
Oklch
oklch(85.2% 0.070 55.3)

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

#DA8889

Peach Pink · LightCoral · Coral Red

HEX
#DA8889
RGB
rgb(218, 136, 137)
HSL
hsl(359, 53%, 69%)
HSB
hsb(359, 38%, 85%)
CMYK
cmyk(0%, 38%, 37%, 15%)
Oklch
oklch(71.2% 0.101 19.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B1967A

Ginger · Tan · Warm Sun

HEX
#B1967A
RGB
rgb(177, 150, 122)
HSL
hsl(31, 26%, 59%)
HSB
hsb(31, 31%, 69%)
CMYK
cmyk(0%, 15%, 31%, 31%)
Oklch
oklch(69.0% 0.051 67.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFBDE
E0E4FF

Analogous

FFECE0
FFFBDE
F3FFE0

Triadic

FFFBDE
E0FFFB
FBE0FF

Split-Comp.

FFFBDE
E0F3FF
ECE0FF

Tetradic

FFFBDE
E0FFEC
E0E4FF
FFE0F3

Contrast Matrix WCAG 2.1 Contrast

FFFBDE
FDEDAB
F3C3A3
DA8889
B1967A
—
1.1
Fail
1.5
Fail
2.6
Fail
2.7
Fail
1.1
Fail
—
1.4
Fail
2.3
Fail
2.4
Fail
1.5
Fail
1.4
Fail
—
1.7
Fail
1.7
Fail
2.6
Fail
2.3
Fail
1.7
Fail
—
1.0
Fail
2.7
Fail
2.4
Fail
1.7
Fail
1.0
Fail
—
White BG
1.0Fail
1.2Fail
1.6Fail
2.7Fail
2.8Fail
Black BG
20.1AAA
17.9AAA
13.1AAA
7.9AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDE5
F6F6BB
DEDEAB
B6B689
A5A581

Deuteranopia

FEFEE7
F7F8BF
E1E5AD
BBC189
A7A982

Tritanopia

FFEBEC
FCC8CA
F1B1B2
D68989
B08687

Achromatopsia

F9F9F9
EAEAEA
CECECE
A1A1A1
9B9B9B

Shades & Tints Shades & Tints

#FFFBDE

Dark
Light

#FDEDAB

Dark
Light

#F3C3A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffbde;
  --color-2: #fdedab;
  --color-3: #f3c3a3;
  --color-4: #da8889;
  --color-5: #b1967a;
}

SCSS

$color-1: #fffbde;
$color-2: #fdedab;
$color-3: #f3c3a3;
$color-4: #da8889;
$color-5: #b1967a;

TAILWIND

colors: {
  'brand-1': '#fffbde',
  'brand-2': '#fdedab',
  'brand-3': '#f3c3a3',
  'brand-4': '#da8889',
  'brand-5': '#b1967a',
}

RGB Array

[255, 251, 222], [253, 237, 171], [243, 195, 163], [218, 136, 137], [177, 150, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFFBDE, #FDEDAB, #F3C3A3, #DA8889, #B1967A 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: #fffbde; --color-2: #fdedab; --color-3: #f3c3a3; --color-4: #da8889; --color-5: #b1967a. 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