← Back to Editor

#758B05 · #87AF00 · #E9D02B · #D8BB3D · #F2D861

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

#758B05

Grass Green · Olive · Forest Green

HEX
#758B05
RGB
rgb(117, 139, 5)
HSL
hsl(70, 93%, 28%)
HSB
hsb(70, 96%, 55%)
CMYK
cmyk(16%, 0%, 96%, 45%)
Oklch
oklch(59.8% 0.141 120.3)

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

#87AF00

Grass Green · Olive · Forest Green

HEX
#87AF00
RGB
rgb(135, 175, 0)
HSL
hsl(74, 100%, 34%)
HSB
hsb(74, 100%, 69%)
CMYK
cmyk(23%, 0%, 100%, 31%)
Oklch
oklch(69.9% 0.174 124.4)

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

#E9D02B

Autumn Sage · GoldenRod · Sunflower

HEX
#E9D02B
RGB
rgb(233, 208, 43)
HSL
hsl(52, 81%, 54%)
HSB
hsb(52, 82%, 91%)
CMYK
cmyk(0%, 11%, 82%, 9%)
Oklch
oklch(85.3% 0.168 99.9)

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

#D8BB3D

Ginger · GoldenRod · Sunflower

HEX
#D8BB3D
RGB
rgb(216, 187, 61)
HSL
hsl(49, 67%, 54%)
HSB
hsb(49, 72%, 85%)
CMYK
cmyk(0%, 13%, 72%, 15%)
Oklch
oklch(79.5% 0.143 95.8)

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

#F2D861

Ginger · Khaki · Sunflower

HEX
#F2D861
RGB
rgb(242, 216, 97)
HSL
hsl(49, 85%, 66%)
HSB
hsb(49, 60%, 95%)
CMYK
cmyk(0%, 11%, 60%, 5%)
Oklch
oklch(88.1% 0.141 97.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

758B05
1B058A

Analogous

8A5E05
758B05
318A05

Triadic

758B05
05748A
8A0574

Split-Comp.

758B05
05318A
5E058A

Tetradic

758B05
058A5E
1B058A
8A0531

Contrast Matrix WCAG 2.1 Contrast

758B05
87AF00
E9D02B
D8BB3D
F2D861
—
1.5
Fail
2.5
Fail
2.0
Fail
2.7
Fail
1.5
Fail
—
1.7
Fail
1.4
Fail
1.8
Fail
2.5
Fail
1.7
Fail
—
1.2
Fail
1.1
Fail
2.0
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
2.7
Fail
1.8
Fail
1.1
Fail
1.3
Fail
—
White BG
3.9AA Large
2.6Fail
1.6Fail
1.9Fail
1.4Fail
Black BG
5.5AA
8.2AAA
13.5AAA
11.1AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F25
98992A
DEDE53
CBCB5B
E7E77E

Deuteranopia

7D7C2D
969335
E0E25D
CDCF63
E8EA85

Tritanopia

763F45
894C53
E87279
D77479
F1959A

Achromatopsia

757575
8F8F8F
C5C5C5
B5B5B5
D2D2D2

Shades & Tints Shades & Tints

#758B05

Dark
Light

#87AF00

Dark
Light

#E9D02B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #758b05;
  --color-2: #87af00;
  --color-3: #e9d02b;
  --color-4: #d8bb3d;
  --color-5: #f2d861;
}

SCSS

$color-1: #758b05;
$color-2: #87af00;
$color-3: #e9d02b;
$color-4: #d8bb3d;
$color-5: #f2d861;

TAILWIND

colors: {
  'brand-1': '#758b05',
  'brand-2': '#87af00',
  'brand-3': '#e9d02b',
  'brand-4': '#d8bb3d',
  'brand-5': '#f2d861',
}

RGB Array

[117, 139, 5], [135, 175, 0], [233, 208, 43], [216, 187, 61], [242, 216, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #758B05, #87AF00, #E9D02B, #D8BB3D, #F2D861 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: #758b05; --color-2: #87af00; --color-3: #e9d02b; --color-4: #d8bb3d; --color-5: #f2d861. 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