← Back to Editor

#FFFF0F · #93FF42 · #80CC80 · #ACA486 · #D87C8C

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

#FFFF0F

Autumn Sage · Yellow · Sunflower

HEX
#FFFF0F
RGB
rgb(255, 255, 15)
HSL
hsl(60, 100%, 53%)
HSB
hsb(60, 94%, 100%)
CMYK
cmyk(0%, 0%, 94%, 0%)
Oklch
oklch(96.8% 0.209 109.7)

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

#93FF42

Emerald · GreenYellow · Apple Green

HEX
#93FF42
RGB
rgb(147, 255, 66)
HSL
hsl(94, 100%, 63%)
HSB
hsb(94, 74%, 100%)
CMYK
cmyk(42%, 0%, 74%, 0%)
Oklch
oklch(90.1% 0.238 135.1)

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

#80CC80

Celadon · DarkSeaGreen · Apple Green

HEX
#80CC80
RGB
rgb(128, 204, 128)
HSL
hsl(120, 43%, 65%)
HSB
hsb(120, 37%, 80%)
CMYK
cmyk(37%, 0%, 37%, 20%)
Oklch
oklch(77.7% 0.130 144.2)

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

#ACA486

Ginger · DarkGray · Sunflower

HEX
#ACA486
RGB
rgb(172, 164, 134)
HSL
hsl(47, 19%, 60%)
HSB
hsb(47, 22%, 67%)
CMYK
cmyk(0%, 5%, 22%, 33%)
Oklch
oklch(71.7% 0.043 94.8)

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

#D87C8C

Peach Pink · LightCoral · Coral Red

HEX
#D87C8C
RGB
rgb(216, 124, 140)
HSL
hsl(350, 54%, 67%)
HSB
hsb(350, 43%, 85%)
CMYK
cmyk(0%, 43%, 35%, 15%)
Oklch
oklch(69.1% 0.115 9.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFF0F
0F0FFF

Analogous

FF870F
FFFF0F
87FF0F

Triadic

FFFF0F
0FFFFF
FF0FFF

Split-Comp.

FFFF0F
0F87FF
870FFF

Tetradic

FFFF0F
0FFF87
0F0FFF
FF0F87

Contrast Matrix WCAG 2.1 Contrast

FFFF0F
93FF42
80CC80
ACA486
D87C8C
—
1.2
Fail
1.8
Fail
2.3
Fail
2.7
Fail
1.2
Fail
—
1.5
Fail
2.0
Fail
2.3
Fail
1.8
Fail
1.5
Fail
—
1.3
Fail
1.5
Fail
2.3
Fail
2.0
Fail
1.3
Fail
—
1.2
Fail
2.7
Fail
2.3
Fail
1.5
Fail
1.2
Fail
—
White BG
1.1Fail
1.3Fail
1.9Fail
2.5Fail
2.9Fail
Black BG
19.6AAA
16.6AAA
10.9AAA
8.4AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFF49
C2C370
A1A292
A9A88D
B0AF88

Deuteranopia

FFFF57
BCB37B
9D9797
A9AA8F
B6BC87

Tritanopia

FF7781
98949C
84A1A4
AC9394
D38584

Achromatopsia

E4E4E4
C9C9C9
ADADAD
A3A3A3
999999

Shades & Tints Shades & Tints

#FFFF0F

Dark
Light

#93FF42

Dark
Light

#80CC80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffff0f;
  --color-2: #93ff42;
  --color-3: #80cc80;
  --color-4: #aca486;
  --color-5: #d87c8c;
}

SCSS

$color-1: #ffff0f;
$color-2: #93ff42;
$color-3: #80cc80;
$color-4: #aca486;
$color-5: #d87c8c;

TAILWIND

colors: {
  'brand-1': '#ffff0f',
  'brand-2': '#93ff42',
  'brand-3': '#80cc80',
  'brand-4': '#aca486',
  'brand-5': '#d87c8c',
}

RGB Array

[255, 255, 15], [147, 255, 66], [128, 204, 128], [172, 164, 134], [216, 124, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFF0F, #93FF42, #80CC80, #ACA486, #D87C8C 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: #ffff0f; --color-2: #93ff42; --color-3: #80cc80; --color-4: #aca486; --color-5: #d87c8c. 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