← Back to Editor

#FFEDAB · #FCD268 · #F79C63 · #B84472 · #423238

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 PostIllustrationData Visualization

Color Details Color Details

#FFEDAB

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEDAB
RGB
rgb(255, 237, 171)
HSL
hsl(47, 100%, 84%)
HSB
hsb(47, 33%, 100%)
CMYK
cmyk(0%, 7%, 33%, 0%)
Oklch
oklch(94.5% 0.086 94.7)

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

#FCD268

Ginger · Khaki · Sunflower

HEX
#FCD268
RGB
rgb(252, 210, 104)
HSL
hsl(43, 96%, 70%)
HSB
hsb(43, 59%, 99%)
CMYK
cmyk(0%, 17%, 59%, 1%)
Oklch
oklch(88.0% 0.133 87.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F79C63

Apricot · SandyBrown · Warm Sun

HEX
#F79C63
RGB
rgb(247, 156, 99)
HSL
hsl(23, 90%, 68%)
HSB
hsb(23, 60%, 97%)
CMYK
cmyk(0%, 37%, 60%, 3%)
Oklch
oklch(77.4% 0.131 51.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B84472

Dark Violet · MediumVioletRed · Camellia

HEX
#B84472
RGB
rgb(184, 68, 114)
HSL
hsl(336, 46%, 49%)
HSB
hsb(336, 63%, 72%)
CMYK
cmyk(0%, 63%, 38%, 28%)
Oklch
oklch(55.8% 0.156 358.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#423238

Dark Violet · DarkSlateGray · Raspberry

HEX
#423238
RGB
rgb(66, 50, 56)
HSL
hsl(338, 14%, 23%)
HSB
hsb(338, 24%, 26%)
CMYK
cmyk(0%, 24%, 15%, 74%)
Oklch
oklch(33.7% 0.025 354.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEDAB
ADBFFF

Analogous

FFC5AD
FFEDAB
E8FFAD

Triadic

FFEDAB
ADFFED
EDADFF

Split-Comp.

FFEDAB
ADE8FF
C5ADFF

Tetradic

FFEDAB
ADFFC5
ADBFFF
FFADE8

Contrast Matrix WCAG 2.1 Contrast

FFEDAB
FCD268
F79C63
B84472
423238
—
1.2
Fail
1.8
Fail
4.4
AA Large
10.3
AAA
1.2
Fail
—
1.5
Fail
3.5
AA Large
8.3
AAA
1.8
Fail
1.5
Fail
—
2.4
Fail
5.7
AA
4.4
AA Large
3.5
AA Large
2.4
Fail
—
2.4
Fail
10.3
AAA
8.3
AAA
5.7
AA
2.4
Fail
—
White BG
1.2Fail
1.4Fail
2.1Fail
5.1AA
12.0AAA
Black BG
18.0AAA
14.6AAA
9.9AAA
4.1AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7BB
EAE982
D0CF71
868567
3B3B37

Deuteranopia

F8FABF
ECEF88
D5DC74
8D9564
3C3D36

Tritanopia

FEC8CA
FA969A
F27C7E
B25E5C
413535

Achromatopsia

EBEBEB
D2D2D2
B1B1B1
6C6C6C
373737

Shades & Tints Shades & Tints

#FFEDAB

Dark
Light

#FCD268

Dark
Light

#F79C63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffedab;
  --color-2: #fcd268;
  --color-3: #f79c63;
  --color-4: #b84472;
  --color-5: #423238;
}

SCSS

$color-1: #ffedab;
$color-2: #fcd268;
$color-3: #f79c63;
$color-4: #b84472;
$color-5: #423238;

TAILWIND

colors: {
  'brand-1': '#ffedab',
  'brand-2': '#fcd268',
  'brand-3': '#f79c63',
  'brand-4': '#b84472',
  'brand-5': '#423238',
}

RGB Array

[255, 237, 171], [252, 210, 104], [247, 156, 99], [184, 68, 114], [66, 50, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFEDAB, #FCD268, #F79C63, #B84472, #423238 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ffedab; --color-2: #fcd268; --color-3: #f79c63; --color-4: #b84472; --color-5: #423238. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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