← Back to Editor

#FFF2BA · #C3EBB5 · #A7CEBC · #B79D7F · #FCAF14

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 App

Color Details Color Details

#FFF2BA

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF2BA
RGB
rgb(255, 242, 186)
HSL
hsl(49, 100%, 86%)
HSB
hsb(49, 27%, 100%)
CMYK
cmyk(0%, 5%, 27%, 0%)
Oklch
oklch(95.8% 0.073 96.6)

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

#C3EBB5

Emerald · LightGray · Mint Green

HEX
#C3EBB5
RGB
rgb(195, 235, 181)
HSL
hsl(104, 57%, 82%)
HSB
hsb(104, 23%, 92%)
CMYK
cmyk(17%, 0%, 23%, 8%)
Oklch
oklch(89.8% 0.083 137.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#A7CEBC

Jade · Silver · Apple Green

HEX
#A7CEBC
RGB
rgb(167, 206, 188)
HSL
hsl(152, 28%, 73%)
HSB
hsb(152, 19%, 81%)
CMYK
cmyk(19%, 0%, 9%, 19%)
Oklch
oklch(81.8% 0.048 165.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#B79D7F

Ginger · Tan · Warm Sun

HEX
#B79D7F
RGB
rgb(183, 157, 127)
HSL
hsl(32, 28%, 61%)
HSB
hsb(32, 31%, 72%)
CMYK
cmyk(0%, 14%, 31%, 28%)
Oklch
oklch(71.1% 0.052 70.8)

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

#FCAF14

Ginger · Orange · Sunflower

HEX
#FCAF14
RGB
rgb(252, 175, 20)
HSL
hsl(40, 97%, 53%)
HSB
hsb(40, 92%, 99%)
CMYK
cmyk(0%, 31%, 92%, 1%)
Oklch
oklch(80.8% 0.166 76.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF2BA
B8C5FF

Analogous

FFCEB8
FFF2BA
E8FFB8

Triadic

FFF2BA
B8FFF2
F2B8FF

Split-Comp.

FFF2BA
B8E8FF
CEB8FF

Tetradic

FFF2BA
B8FFCE
B8C5FF
FFB8E8

Contrast Matrix WCAG 2.1 Contrast

FFF2BA
C3EBB5
A7CEBC
B79D7F
FCAF14
—
1.2
Fail
1.5
Fail
2.3
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
1.1
Fail
2.3
Fail
1.9
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
1.4
Fail
1.1
Fail
1.4
Fail
—
White BG
1.1Fail
1.3Fail
1.7Fail
2.6Fail
1.9Fail
Black BG
18.7AAA
15.9AAA
12.2AAA
8.1AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9C8
D4D5C2
B8B8C0
ACAC86
DBDA3A

Deuteranopia

FAFBCB
D2CFC5
B6B3C1
ADAF88
DFE543

Tritanopia

FED2D5
C5CCCF
A9C4C5
B68C8D
F8575E

Achromatopsia

F0F0F0
D9D9D9
C0C0C0
A1A1A1
B4B4B4

Shades & Tints Shades & Tints

#FFF2BA

Dark
Light

#C3EBB5

Dark
Light

#A7CEBC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff2ba;
  --color-2: #c3ebb5;
  --color-3: #a7cebc;
  --color-4: #b79d7f;
  --color-5: #fcaf14;
}

SCSS

$color-1: #fff2ba;
$color-2: #c3ebb5;
$color-3: #a7cebc;
$color-4: #b79d7f;
$color-5: #fcaf14;

TAILWIND

colors: {
  'brand-1': '#fff2ba',
  'brand-2': '#c3ebb5',
  'brand-3': '#a7cebc',
  'brand-4': '#b79d7f',
  'brand-5': '#fcaf14',
}

RGB Array

[255, 242, 186], [195, 235, 181], [167, 206, 188], [183, 157, 127], [252, 175, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF2BA, #C3EBB5, #A7CEBC, #B79D7F, #FCAF14 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: #fff2ba; --color-2: #c3ebb5; --color-3: #a7cebc; --color-4: #b79d7f; --color-5: #fcaf14. 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