← Back to Editor

#FAE4B0 · #BEB350 · #FB6A76 · #FF99A1 · #FCD6D0

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FAE4B0

Goose Yellow · Wheat · Lemon Cream

HEX
#FAE4B0
RGB
rgb(250, 228, 176)
HSL
hsl(42, 88%, 84%)
HSB
hsb(42, 30%, 98%)
CMYK
cmyk(0%, 9%, 30%, 2%)
Oklch
oklch(92.4% 0.071 87.8)

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

#BEB350

Autumn Sage · GoldenRod · Sunflower

HEX
#BEB350
RGB
rgb(190, 179, 80)
HSL
hsl(54, 46%, 53%)
HSB
hsb(54, 58%, 75%)
CMYK
cmyk(0%, 6%, 58%, 25%)
Oklch
oklch(75.6% 0.121 103.0)

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

#FB6A76

Peach Pink · Salmon · Coral Red

HEX
#FB6A76
RGB
rgb(251, 106, 118)
HSL
hsl(355, 95%, 70%)
HSB
hsb(355, 58%, 98%)
CMYK
cmyk(0%, 58%, 53%, 2%)
Oklch
oklch(70.7% 0.177 17.9)

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

#FF99A1

Peach Pink · LightSalmon · Coral Red

HEX
#FF99A1
RGB
rgb(255, 153, 161)
HSL
hsl(355, 100%, 80%)
HSB
hsb(355, 40%, 100%)
CMYK
cmyk(0%, 40%, 37%, 0%)
Oklch
oklch(79.0% 0.122 15.2)

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

#FCD6D0

Peach Pink · Bisque · Cherry Blossom

HEX
#FCD6D0
RGB
rgb(252, 214, 208)
HSL
hsl(8, 88%, 90%)
HSB
hsb(8, 17%, 99%)
CMYK
cmyk(0%, 15%, 17%, 1%)
Oklch
oklch(90.6% 0.044 28.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE4B0
B2C8FA

Analogous

FAC1B2
FAE4B0
ECFAB2

Triadic

FAE4B0
B2FAE5
E5B2FA

Split-Comp.

FAE4B0
B2ECFA
C1B2FA

Tetradic

FAE4B0
B2FAC1
B2C8FA
FAB2EC

Contrast Matrix WCAG 2.1 Contrast

FAE4B0
BEB350
FB6A76
FF99A1
FCD6D0
—
1.7
Fail
2.3
Fail
1.6
Fail
1.1
Fail
1.7
Fail
—
1.3
Fail
1.1
Fail
1.6
Fail
2.3
Fail
1.3
Fail
—
1.4
Fail
2.1
Fail
1.6
Fail
1.1
Fail
1.4
Fail
—
1.5
Fail
1.1
Fail
1.6
Fail
2.1
Fail
1.5
Fail
—
White BG
1.3Fail
2.2Fail
2.8Fail
2.0Fail
1.3Fail
Black BG
16.8AAA
9.8AAA
7.4AAA
10.3AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0BD
B9B968
BCBB73
D3D29F
ECEBD1

Deuteranopia

F2F3C0
BABB6E
C5D072
D9E09F
EEF1D2

Tritanopia

F9C7C9
BD7B7F
F47170
FA9E9D
FAD3D3

Achromatopsia

E5E5E5
ABABAB
979797
B8B8B8
E1E1E1

Shades & Tints Shades & Tints

#FAE4B0

Dark
Light

#BEB350

Dark
Light

#FB6A76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae4b0;
  --color-2: #beb350;
  --color-3: #fb6a76;
  --color-4: #ff99a1;
  --color-5: #fcd6d0;
}

SCSS

$color-1: #fae4b0;
$color-2: #beb350;
$color-3: #fb6a76;
$color-4: #ff99a1;
$color-5: #fcd6d0;

TAILWIND

colors: {
  'brand-1': '#fae4b0',
  'brand-2': '#beb350',
  'brand-3': '#fb6a76',
  'brand-4': '#ff99a1',
  'brand-5': '#fcd6d0',
}

RGB Array

[250, 228, 176], [190, 179, 80], [251, 106, 118], [255, 153, 161], [252, 214, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE4B0, #BEB350, #FB6A76, #FF99A1, #FCD6D0 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: #fae4b0; --color-2: #beb350; --color-3: #fb6a76; --color-4: #ff99a1; --color-5: #fcd6d0. 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 general-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