← Back to Editor

#BCC781 · #FAFFA1 · #FEE161 · #FFA94E · #FF854D

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

#BCC781

Fresh Green · Tan · Sunflower

HEX
#BCC781
RGB
rgb(188, 199, 129)
HSL
hsl(69, 38%, 64%)
HSB
hsb(69, 35%, 78%)
CMYK
cmyk(6%, 0%, 35%, 22%)
Oklch
oklch(80.5% 0.093 115.8)

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

#FAFFA1

Fresh Green · Khaki · Lemon Cream

HEX
#FAFFA1
RGB
rgb(250, 255, 161)
HSL
hsl(63, 100%, 82%)
HSB
hsb(63, 37%, 100%)
CMYK
cmyk(2%, 0%, 37%, 0%)
Oklch
oklch(97.6% 0.116 111.0)

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

#FEE161

Ginger · Khaki · Sunflower

HEX
#FEE161
RGB
rgb(254, 225, 97)
HSL
hsl(49, 99%, 69%)
HSB
hsb(49, 62%, 100%)
CMYK
cmyk(0%, 11%, 62%, 0%)
Oklch
oklch(91.0% 0.149 96.5)

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

#FFA94E

Ginger · SandyBrown · Warm Sun

HEX
#FFA94E
RGB
rgb(255, 169, 78)
HSL
hsl(31, 100%, 65%)
HSB
hsb(31, 69%, 100%)
CMYK
cmyk(0%, 34%, 69%, 0%)
Oklch
oklch(80.3% 0.146 64.4)

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

#FF854D

Apricot · Coral · Warm Sun

HEX
#FF854D
RGB
rgb(255, 133, 77)
HSL
hsl(19, 100%, 65%)
HSB
hsb(19, 70%, 100%)
CMYK
cmyk(0%, 48%, 70%, 0%)
Oklch
oklch(74.4% 0.164 44.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCC781
8B80C6

Analogous

C6AE80
BCC781
99C680

Triadic

BCC781
80BCC6
C680BC

Split-Comp.

BCC781
8099C6
AE80C6

Tetradic

BCC781
80C6AE
8B80C6
C68099

Contrast Matrix WCAG 2.1 Contrast

BCC781
FAFFA1
FEE161
FFA94E
FF854D
—
1.7
Fail
1.4
Fail
1.1
Fail
1.3
Fail
1.7
Fail
—
1.2
Fail
1.8
Fail
2.3
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
1.9
Fail
1.1
Fail
1.8
Fail
1.5
Fail
—
1.3
Fail
1.3
Fail
2.3
Fail
1.9
Fail
1.3
Fail
—
White BG
1.8Fail
1.1Fail
1.3Fail
1.9Fail
2.4Fail
Black BG
11.6AAA
19.9AAA
16.2AAA
11.0AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C192
FCFCB8
F1F180
DAD964
CAC95B

Deuteranopia

C0BF96
FCFCBD
F3F587
DFE569
D1DA5E

Tritanopia

BD9FA2
FACACE
FD989E
FB7579
F96568

Achromatopsia

BCBCBC
F3F3F3
DBDBDB
B8B8B8
A3A3A3

Shades & Tints Shades & Tints

#BCC781

Dark
Light

#FAFFA1

Dark
Light

#FEE161

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcc781;
  --color-2: #faffa1;
  --color-3: #fee161;
  --color-4: #ffa94e;
  --color-5: #ff854d;
}

SCSS

$color-1: #bcc781;
$color-2: #faffa1;
$color-3: #fee161;
$color-4: #ffa94e;
$color-5: #ff854d;

TAILWIND

colors: {
  'brand-1': '#bcc781',
  'brand-2': '#faffa1',
  'brand-3': '#fee161',
  'brand-4': '#ffa94e',
  'brand-5': '#ff854d',
}

RGB Array

[188, 199, 129], [250, 255, 161], [254, 225, 97], [255, 169, 78], [255, 133, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCC781, #FAFFA1, #FEE161, #FFA94E, #FF854D 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: #bcc781; --color-2: #faffa1; --color-3: #fee161; --color-4: #ffa94e; --color-5: #ff854d. 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