← Back to Editor

#8DB290 · #55937C · #08745A · #385F32 · #053D18

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#8DB290

Celadon · DarkSeaGreen · Apple Green

HEX
#8DB290
RGB
rgb(141, 178, 144)
HSL
hsl(125, 19%, 63%)
HSB
hsb(125, 21%, 70%)
CMYK
cmyk(21%, 0%, 19%, 30%)
Oklch
oklch(72.7% 0.063 147.0)

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

#55937C

Mineral Blue · SlateGray · Olive Green

HEX
#55937C
RGB
rgb(85, 147, 124)
HSL
hsl(158, 27%, 45%)
HSB
hsb(158, 42%, 58%)
CMYK
cmyk(42%, 0%, 16%, 42%)
Oklch
oklch(61.4% 0.074 168.1)

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

#08745A

Mineral Blue · Teal · Peacock Green

HEX
#08745A
RGB
rgb(8, 116, 90)
HSL
hsl(166, 87%, 24%)
HSB
hsb(166, 93%, 45%)
CMYK
cmyk(93%, 0%, 22%, 55%)
Oklch
oklch(49.8% 0.097 169.9)

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

#385F32

Celadon · DarkOliveGreen · Forest Green

HEX
#385F32
RGB
rgb(56, 95, 50)
HSL
hsl(112, 31%, 28%)
HSB
hsb(112, 47%, 37%)
CMYK
cmyk(41%, 0%, 47%, 63%)
Oklch
oklch(44.4% 0.084 141.1)

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

#053D18

Pine Green · DarkGreen · Dark Green

HEX
#053D18
RGB
rgb(5, 61, 24)
HSL
hsl(140, 85%, 13%)
HSB
hsb(140, 92%, 24%)
CMYK
cmyk(92%, 0%, 61%, 76%)
Oklch
oklch(31.6% 0.084 149.2)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8DB290
B38FB0

Analogous

9EB38F
8DB290
8FB3A4

Triadic

8DB290
928FB3
B3928F

Split-Comp.

8DB290
A48FB3
B38F9E

Tetradic

8DB290
8F9EB3
B38FB0
B3A48F

Contrast Matrix WCAG 2.1 Contrast

8DB290
55937C
08745A
385F32
053D18
—
1.5
Fail
2.4
Fail
3.1
AA Large
5.3
AA
1.5
Fail
—
1.6
Fail
2.1
Fail
3.5
AA Large
2.4
Fail
1.6
Fail
—
1.3
Fail
2.2
Fail
3.1
AA Large
2.1
Fail
1.3
Fail
—
1.7
Fail
5.3
AA
3.5
AA Large
2.2
Fail
1.7
Fail
—
White BG
2.4Fail
3.6AA Large
5.7AA
7.4AAA
12.4AAA
Black BG
8.9AAA
5.9AA
3.7AA Large
2.9Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D98
707082
373860
49493D
1D1E21

Deuteranopia

9B989A
6C6883
312862
474440
1A1623

Tritanopia

8F9FA0
588687
0D6566
3A4547
08282A

Achromatopsia

A3A3A3
7E7E7E
515151
4E4E4E
282828

Shades & Tints Shades & Tints

#8DB290

Dark
Light

#55937C

Dark
Light

#08745A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8db290;
  --color-2: #55937c;
  --color-3: #08745a;
  --color-4: #385f32;
  --color-5: #053d18;
}

SCSS

$color-1: #8db290;
$color-2: #55937c;
$color-3: #08745a;
$color-4: #385f32;
$color-5: #053d18;

TAILWIND

colors: {
  'brand-1': '#8db290',
  'brand-2': '#55937c',
  'brand-3': '#08745a',
  'brand-4': '#385f32',
  'brand-5': '#053d18',
}

RGB Array

[141, 178, 144], [85, 147, 124], [8, 116, 90], [56, 95, 50], [5, 61, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8DB290, #55937C, #08745A, #385F32, #053D18 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8db290; --color-2: #55937c; --color-3: #08745a; --color-4: #385f32; --color-5: #053d18. 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 tech, SaaS, healthcare, eco industries. 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