← Back to Editor

#FCF7E7 · #EBEAE3 · #DED499 · #F3AB1E · #B4BCA4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FCF7E7

Goose Yellow · Linen · Lemon Cream

HEX
#FCF7E7
RGB
rgb(252, 247, 231)
HSL
hsl(46, 78%, 95%)
HSB
hsb(46, 8%, 99%)
CMYK
cmyk(0%, 2%, 8%, 1%)
Oklch
oklch(97.6% 0.022 92.5)

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

#EBEAE3

Fresh Green · Beige · Lemon Cream

HEX
#EBEAE3
RGB
rgb(235, 234, 227)
HSL
hsl(53, 17%, 91%)
HSB
hsb(53, 3%, 92%)
CMYK
cmyk(0%, 0%, 3%, 8%)
Oklch
oklch(93.6% 0.009 100.0)

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

#DED499

Fresh Green · Khaki · Sunflower

HEX
#DED499
RGB
rgb(222, 212, 153)
HSL
hsl(51, 51%, 74%)
HSB
hsb(51, 31%, 87%)
CMYK
cmyk(0%, 5%, 31%, 13%)
Oklch
oklch(86.4% 0.077 99.7)

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

#F3AB1E

Ginger · GoldenRod · Sunflower

HEX
#F3AB1E
RGB
rgb(243, 171, 30)
HSL
hsl(40, 90%, 54%)
HSB
hsb(40, 88%, 95%)
CMYK
cmyk(0%, 30%, 88%, 5%)
Oklch
oklch(79.0% 0.159 77.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B4BCA4

Willow Green · DarkGray · Apple Green

HEX
#B4BCA4
RGB
rgb(180, 188, 164)
HSL
hsl(80, 15%, 69%)
HSB
hsb(80, 13%, 74%)
CMYK
cmyk(4%, 0%, 13%, 26%)
Oklch
oklch(78.2% 0.034 122.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF7E7
E8EDFC

Analogous

FCEEE8
FCF7E7
F7FCE8

Triadic

FCF7E7
E8FCF8
F8E8FC

Split-Comp.

FCF7E7
E8F7FC
EEE8FC

Tetradic

FCF7E7
E8FCEE
E8EDFC
FCE8F7

Contrast Matrix WCAG 2.1 Contrast

FCF7E7
EBEAE3
DED499
F3AB1E
B4BCA4
—
1.1
Fail
1.4
Fail
1.8
Fail
1.8
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.3
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.0
Fail
1.8
Fail
1.6
Fail
1.3
Fail
1.0
Fail
—
White BG
1.1Fail
1.2Fail
1.5Fail
2.0Fail
2.0Fail
Black BG
19.6AAA
17.4AAA
14.0AAA
10.7AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAEB
EBEBE5
DADAA7
D4D340
B7B8AA

Deuteranopia

FAFAEC
EBEBE5
DADBAB
D8DD48
B7B6AB

Tritanopia

FCEEEF
EBE6E6
DDB3B5
EF5B61
B4AEAF

Achromatopsia

F7F7F7
EAEAEA
D0D0D0
B0B0B0
B7B7B7

Shades & Tints Shades & Tints

#FCF7E7

Dark
Light

#EBEAE3

Dark
Light

#DED499

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf7e7;
  --color-2: #ebeae3;
  --color-3: #ded499;
  --color-4: #f3ab1e;
  --color-5: #b4bca4;
}

SCSS

$color-1: #fcf7e7;
$color-2: #ebeae3;
$color-3: #ded499;
$color-4: #f3ab1e;
$color-5: #b4bca4;

TAILWIND

colors: {
  'brand-1': '#fcf7e7',
  'brand-2': '#ebeae3',
  'brand-3': '#ded499',
  'brand-4': '#f3ab1e',
  'brand-5': '#b4bca4',
}

RGB Array

[252, 247, 231], [235, 234, 227], [222, 212, 153], [243, 171, 30], [180, 188, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF7E7, #EBEAE3, #DED499, #F3AB1E, #B4BCA4 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fcf7e7; --color-2: #ebeae3; --color-3: #ded499; --color-4: #f3ab1e; --color-5: #b4bca4. 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 tech, SaaS, healthcare, eco industries. 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