← Back to Editor

#8EA887 · #755014 · #752414 · #5E0045 · #4A005E

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 AppData Visualization

Color Details Color Details

#8EA887

Celadon · DarkSeaGreen · Olive Green

HEX
#8EA887
RGB
rgb(142, 168, 135)
HSL
hsl(107, 16%, 59%)
HSB
hsb(107, 20%, 66%)
CMYK
cmyk(15%, 0%, 20%, 34%)
Oklch
oklch(70.3% 0.055 139.1)

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

#755014

Ochre · Sienna · Amber Brown

HEX
#755014
RGB
rgb(117, 80, 20)
HSL
hsl(37, 71%, 27%)
HSB
hsb(37, 83%, 46%)
CMYK
cmyk(0%, 32%, 83%, 54%)
Oklch
oklch(46.1% 0.088 74.4)

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

#752414

Vermilion · Maroon · Wine Red

HEX
#752414
RGB
rgb(117, 36, 20)
HSL
hsl(10, 71%, 27%)
HSB
hsb(10, 83%, 46%)
CMYK
cmyk(0%, 69%, 83%, 54%)
Oklch
oklch(38.4% 0.117 33.1)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#5E0045

Rose Purple · Purple · Dark Purple

HEX
#5E0045
RGB
rgb(94, 0, 69)
HSL
hsl(316, 100%, 18%)
HSB
hsb(316, 100%, 37%)
CMYK
cmyk(0%, 100%, 27%, 63%)
Oklch
oklch(32.3% 0.138 343.3)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#4A005E

Royal Purple · MidnightBlue · Dark Purple

HEX
#4A005E
RGB
rgb(74, 0, 94)
HSL
hsl(287, 100%, 18%)
HSB
hsb(287, 100%, 37%)
CMYK
cmyk(21%, 100%, 0%, 63%)
Oklch
oklch(30.3% 0.148 316.7)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8EA887
A086A7

Analogous

9EA786
8EA887
86A78F

Triadic

8EA887
868DA7
A7868D

Split-Comp.

8EA887
8F86A7
A7869E

Tetradic

8EA887
869EA7
A086A7
A78F86

Contrast Matrix WCAG 2.1 Contrast

8EA887
755014
752414
5E0045
4A005E
—
2.8
Fail
4.0
AA Large
5.2
AA
5.6
AA
2.8
Fail
—
1.4
Fail
1.9
Fail
2.0
Fail
4.0
AA Large
1.4
Fail
—
1.3
Fail
1.4
Fail
5.2
AA
1.9
Fail
1.3
Fail
—
1.1
Fail
5.6
AA
2.0
Fail
1.4
Fail
1.1
Fail
—
White BG
2.6Fail
7.2AAA
10.4AAA
13.4AAA
14.5AAA
Black BG
8.1AAA
2.9Fail
2.0Fail
1.6Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

99998F
656523
525118
353434
2A2947

Deuteranopia

989691
676A26
575D19
3B4230
2E3442

Tritanopia

8F9597
732E31
711B1C
592724
463531

Achromatopsia

9C9C9C
545454
3A3A3A
242424
212121

Shades & Tints Shades & Tints

#8EA887

Dark
Light

#755014

Dark
Light

#752414

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ea887;
  --color-2: #755014;
  --color-3: #752414;
  --color-4: #5e0045;
  --color-5: #4a005e;
}

SCSS

$color-1: #8ea887;
$color-2: #755014;
$color-3: #752414;
$color-4: #5e0045;
$color-5: #4a005e;

TAILWIND

colors: {
  'brand-1': '#8ea887',
  'brand-2': '#755014',
  'brand-3': '#752414',
  'brand-4': '#5e0045',
  'brand-5': '#4a005e',
}

RGB Array

[142, 168, 135], [117, 80, 20], [117, 36, 20], [94, 0, 69], [74, 0, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8EA887, #755014, #752414, #5E0045, #4A005E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #8ea887; --color-2: #755014; --color-3: #752414; --color-4: #5e0045; --color-5: #4a005e. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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