← Back to Editor

#FF8000 · #AEA442 · #70C175 · #37DBA4 · #8CF77E

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

#FF8000

Ochre · Orange · Amber Brown

HEX
#FF8000
RGB
rgb(255, 128, 0)
HSL
hsl(30, 100%, 50%)
HSB
hsb(30, 100%, 100%)
CMYK
cmyk(0%, 50%, 100%, 0%)
Oklch
oklch(73.2% 0.186 53.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#AEA442

Autumn Sage · GoldenRod · Honey Gold

HEX
#AEA442
RGB
rgb(174, 164, 66)
HSL
hsl(54, 45%, 47%)
HSB
hsb(54, 62%, 68%)
CMYK
cmyk(0%, 6%, 62%, 32%)
Oklch
oklch(70.8% 0.119 103.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#70C175

Celadon · DarkSeaGreen · Olive Green

HEX
#70C175
RGB
rgb(112, 193, 117)
HSL
hsl(124, 40%, 60%)
HSB
hsb(124, 42%, 76%)
CMYK
cmyk(42%, 0%, 39%, 24%)
Oklch
oklch(74.0% 0.134 145.4)

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

#37DBA4

Mineral Blue · MediumTurquoise · Lake Green

HEX
#37DBA4
RGB
rgb(55, 219, 164)
HSL
hsl(160, 69%, 54%)
HSB
hsb(160, 75%, 86%)
CMYK
cmyk(75%, 0%, 25%, 14%)
Oklch
oklch(79.6% 0.154 165.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8CF77E

Emerald · LightGreen · Apple Green

HEX
#8CF77E
RGB
rgb(140, 247, 126)
HSL
hsl(113, 88%, 73%)
HSB
hsb(113, 49%, 97%)
CMYK
cmyk(43%, 0%, 49%, 3%)
Oklch
oklch(88.5% 0.187 141.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8000
0080FF

Analogous

FF0000
FF8000
FFFF00

Triadic

FF8000
00FF80
8000FF

Split-Comp.

FF8000
00FFFF
0000FF

Tetradic

FF8000
00FF00
0080FF
FF00FF

Contrast Matrix WCAG 2.1 Contrast

FF8000
AEA442
70C175
37DBA4
8CF77E
—
1.0
Fail
1.1
Fail
1.4
Fail
1.9
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
White BG
2.5Fail
2.6Fail
2.2Fail
1.8Fail
1.3Fail
Black BG
8.3AAA
8.2AAA
9.6AAA
11.8AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C71F
AAAA5A
939487
7E7FB1
BABB9B

Deuteranopia

CFD926
AAAB5F
8E888C
7568B5
B4ACA2

Tritanopia

F9373D
AD6C71
749699
3FBCBE
91B2B7

Achromatopsia

979797
9C9C9C
A0A0A0
A4A4A4
C9C9C9

Shades & Tints Shades & Tints

#FF8000

Dark
Light

#AEA442

Dark
Light

#70C175

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8000;
  --color-2: #aea442;
  --color-3: #70c175;
  --color-4: #37dba4;
  --color-5: #8cf77e;
}

SCSS

$color-1: #ff8000;
$color-2: #aea442;
$color-3: #70c175;
$color-4: #37dba4;
$color-5: #8cf77e;

TAILWIND

colors: {
  'brand-1': '#ff8000',
  'brand-2': '#aea442',
  'brand-3': '#70c175',
  'brand-4': '#37dba4',
  'brand-5': '#8cf77e',
}

RGB Array

[255, 128, 0], [174, 164, 66], [112, 193, 117], [55, 219, 164], [140, 247, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF8000, #AEA442, #70C175, #37DBA4, #8CF77E 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: #ff8000; --color-2: #aea442; --color-3: #70c175; --color-4: #37dba4; --color-5: #8cf77e. 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