← Back to Editor

#FBFAEC · #EDD6BE · #F4BF88 · #F9DB82 · #383A4A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FBFAEC

Fresh Green · SeaShell · Lemon Cream

HEX
#FBFAEC
RGB
rgb(251, 250, 236)
HSL
hsl(56, 65%, 95%)
HSB
hsb(56, 6%, 98%)
CMYK
cmyk(0%, 0%, 6%, 2%)
Oklch
oklch(98.2% 0.018 103.4)

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

#EDD6BE

Goose Yellow · Wheat · Peach Orange

HEX
#EDD6BE
RGB
rgb(237, 214, 190)
HSL
hsl(31, 57%, 84%)
HSB
hsb(31, 20%, 93%)
CMYK
cmyk(0%, 10%, 20%, 7%)
Oklch
oklch(88.9% 0.041 68.5)

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

#F4BF88

Goose Yellow · BurlyWood · Warm Sun

HEX
#F4BF88
RGB
rgb(244, 191, 136)
HSL
hsl(31, 83%, 75%)
HSB
hsb(31, 44%, 96%)
CMYK
cmyk(0%, 22%, 44%, 4%)
Oklch
oklch(84.0% 0.093 67.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F9DB82

Goose Yellow · Khaki · Sunflower

HEX
#F9DB82
RGB
rgb(249, 219, 130)
HSL
hsl(45, 91%, 74%)
HSB
hsb(45, 48%, 98%)
CMYK
cmyk(0%, 12%, 48%, 2%)
Oklch
oklch(89.8% 0.114 91.4)

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

#383A4A

Indigo · DarkSlateGray · Prussian Blue

HEX
#383A4A
RGB
rgb(56, 58, 74)
HSL
hsl(233, 14%, 25%)
HSB
hsb(233, 24%, 29%)
CMYK
cmyk(24%, 22%, 0%, 71%)
Oklch
oklch(35.3% 0.028 279.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBFAEC
EAEBFB

Analogous

FBF1EA
FBFAEC
F3FBEA

Triadic

FBFAEC
EAFBF9
F9EAFB

Split-Comp.

FBFAEC
EAF3FB
F1EAFB

Tetradic

FBFAEC
EAFBF1
EAEBFB
FBEAF3

Contrast Matrix WCAG 2.1 Contrast

FBFAEC
EDD6BE
F4BF88
F9DB82
383A4A
—
1.3
Fail
1.6
Fail
1.3
Fail
10.7
AAA
1.3
Fail
—
1.2
Fail
1.0
Fail
8.0
AAA
1.6
Fail
1.2
Fail
—
1.2
Fail
6.8
AA
1.3
Fail
1.0
Fail
1.2
Fail
—
8.3
AAA
10.7
AAA
8.0
AAA
6.8
AA
8.3
AAA
—
White BG
1.1Fail
1.4Fail
1.7Fail
1.4Fail
11.2AAA
Black BG
20.0AAA
15.0AAA
12.7AAA
15.5AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBEF
E3E3C4
DDDD95
ECEC98
393946

Deuteranopia

FBFBF0
E4E6C5
E0E499
EEF09D
393945

Tritanopia

FBF2F3
ECC8C9
F1A0A2
F7A9AC
384342

Achromatopsia

F9F9F9
DADADA
C9C9C9
DADADA
3B3B3B

Shades & Tints Shades & Tints

#FBFAEC

Dark
Light

#EDD6BE

Dark
Light

#F4BF88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbfaec;
  --color-2: #edd6be;
  --color-3: #f4bf88;
  --color-4: #f9db82;
  --color-5: #383a4a;
}

SCSS

$color-1: #fbfaec;
$color-2: #edd6be;
$color-3: #f4bf88;
$color-4: #f9db82;
$color-5: #383a4a;

TAILWIND

colors: {
  'brand-1': '#fbfaec',
  'brand-2': '#edd6be',
  'brand-3': '#f4bf88',
  'brand-4': '#f9db82',
  'brand-5': '#383a4a',
}

RGB Array

[251, 250, 236], [237, 214, 190], [244, 191, 136], [249, 219, 130], [56, 58, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBFAEC, #EDD6BE, #F4BF88, #F9DB82, #383A4A is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #fbfaec; --color-2: #edd6be; --color-3: #f4bf88; --color-4: #f9db82; --color-5: #383a4a. 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. 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 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