← Back to Editor

#FDFFBA · #EBE23F · #C8DB37 · #A4FF05 · #91B577

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

#FDFFBA

Fresh Green · Bisque · Lemon Cream

HEX
#FDFFBA
RGB
rgb(253, 255, 186)
HSL
hsl(62, 100%, 86%)
HSB
hsb(62, 27%, 100%)
CMYK
cmyk(1%, 0%, 27%, 0%)
Oklch
oklch(98.2% 0.087 109.3)

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

#EBE23F

Autumn Sage · Gold · Sunflower

HEX
#EBE23F
RGB
rgb(235, 226, 63)
HSL
hsl(57, 81%, 58%)
HSB
hsb(57, 73%, 92%)
CMYK
cmyk(0%, 4%, 73%, 8%)
Oklch
oklch(89.3% 0.173 106.2)

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

#C8DB37

Autumn Sage · GreenYellow · Sunflower

HEX
#C8DB37
RGB
rgb(200, 219, 55)
HSL
hsl(67, 69%, 54%)
HSB
hsb(67, 75%, 86%)
CMYK
cmyk(9%, 0%, 75%, 14%)
Oklch
oklch(84.9% 0.178 116.2)

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

#A4FF05

Grass Green · Chartreuse · Olive Green

HEX
#A4FF05
RGB
rgb(164, 255, 5)
HSL
hsl(82, 100%, 51%)
HSB
hsb(82, 98%, 100%)
CMYK
cmyk(36%, 0%, 98%, 0%)
Oklch
oklch(90.7% 0.247 130.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#91B577

Celadon · DarkSeaGreen · Olive Green

HEX
#91B577
RGB
rgb(145, 181, 119)
HSL
hsl(95, 30%, 59%)
HSB
hsb(95, 34%, 71%)
CMYK
cmyk(20%, 0%, 34%, 29%)
Oklch
oklch(73.1% 0.094 132.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFFBA
BAB8FF

Analogous

FFDEB8
FDFFBA
D9FFB8

Triadic

FDFFBA
B8FDFF
FFB8FD

Split-Comp.

FDFFBA
B8D9FF
DEB8FF

Tetradic

FDFFBA
B8FFDE
BAB8FF
FFB8D9

Contrast Matrix WCAG 2.1 Contrast

FDFFBA
EBE23F
C8DB37
A4FF05
91B577
—
1.3
Fail
1.5
Fail
1.2
Fail
2.2
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
1.9
Fail
2.2
Fail
1.7
Fail
1.5
Fail
1.9
Fail
—
White BG
1.0Fail
1.4Fail
1.5Fail
1.2Fail
2.3Fail
Black BG
20.2AAA
15.5AAA
13.6AAA
16.9AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFECB
E7E766
D0D05F
CBCC42
A1A186

Deuteranopia

FEFECF
E8E870
CFCE68
C6BF50
9F9C8A

Tritanopia

FDD8DB
EB868C
C97E85
A9717C
939294

Achromatopsia

F7F7F7
D2D2D2
C3C3C3
C7C7C7
A3A3A3

Shades & Tints Shades & Tints

#FDFFBA

Dark
Light

#EBE23F

Dark
Light

#C8DB37

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdffba;
  --color-2: #ebe23f;
  --color-3: #c8db37;
  --color-4: #a4ff05;
  --color-5: #91b577;
}

SCSS

$color-1: #fdffba;
$color-2: #ebe23f;
$color-3: #c8db37;
$color-4: #a4ff05;
$color-5: #91b577;

TAILWIND

colors: {
  'brand-1': '#fdffba',
  'brand-2': '#ebe23f',
  'brand-3': '#c8db37',
  'brand-4': '#a4ff05',
  'brand-5': '#91b577',
}

RGB Array

[253, 255, 186], [235, 226, 63], [200, 219, 55], [164, 255, 5], [145, 181, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDFFBA, #EBE23F, #C8DB37, #A4FF05, #91B577 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #fdffba; --color-2: #ebe23f; --color-3: #c8db37; --color-4: #a4ff05; --color-5: #91b577. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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