#08E700 + #2DBB28 + #387A36 + #235021 + #1E311D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#08E700

Pine Green · Lime · Olive Green

HEX

#08E700

RGB

rgb(8, 231, 0)

HSL

hsl(118, 100%, 45%)

HSB

hsb(118, 100%, 91%)

CMYK

cmyk(97%, 0%, 100%, 9%)

Oklch

oklch(80.4% 0.273 142.4)

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

#2DBB28

Pine Green · LimeGreen · Olive Green

HEX

#2DBB28

RGB

rgb(45, 187, 40)

HSL

hsl(118, 65%, 45%)

HSB

hsb(118, 79%, 73%)

CMYK

cmyk(76%, 0%, 79%, 27%)

Oklch

oklch(69.2% 0.216 142.5)

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

#387A36

Celadon · DarkOliveGreen · Forest Green

HEX

#387A36

RGB

rgb(56, 122, 54)

HSL

hsl(118, 39%, 35%)

HSB

hsb(118, 56%, 48%)

CMYK

cmyk(54%, 0%, 56%, 52%)

Oklch

oklch(52.0% 0.122 143.1)

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

#235021

Celadon · DarkSlateGray · Forest Green

HEX

#235021

RGB

rgb(35, 80, 33)

HSL

hsl(117, 42%, 22%)

HSB

hsb(117, 59%, 31%)

CMYK

cmyk(56%, 0%, 59%, 69%)

Oklch

oklch(38.7% 0.090 142.8)

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

#1E311D

Celadon · DarkSlateGray · Dark Green

HEX

#1E311D

RGB

rgb(30, 49, 29)

HSL

hsl(117, 26%, 15%)

HSB

hsb(117, 41%, 19%)

CMYK

cmyk(39%, 0%, 41%, 81%)

Oklch

oklch(29.0% 0.043 143.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

08E700

DE00E6

Analogous

7AE600

08E700

00E66B

Triadic

08E700

0008E6

E60008

Split-Comp.

08E700

6B00E6

E6007A

Tetradic

08E700

007AE6

DE00E6

E66B00

Contrast Matrix WCAG 2.1 Contrast

08E700	2DBB28	387A36	235021	1E311D
—	1.5 Fail	3.1 AA Large	5.6 AA	8.2 AAA
1.5 Fail	—	2.1 Fail	3.7 AA Large	5.5 AA
3.1 AA Large	2.1 Fail	—	1.8 Fail	2.6 Fail
5.6 AA	3.7 AA Large	1.8 Fail	—	1.5 Fail
8.2 AAA	5.5 AA	2.6 Fail	1.5 Fail	—

White BG

1.7Fail

2.5Fail

5.2AA

9.4AAA

13.9AAA

Black BG

12.4AAA

8.3AAA

4.0AA Large

2.2Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

696B38

6A6C4C

555546

36372C

262622

Deuteranopia

5C4B45

625854

514C4A

34312F

252423

Tritanopia

13646E

34686E

3B5356

253537

1F2627

Achromatopsia

8A8A8A

808080

5F5F5F

3D3D3D

292929

Shades & Tints Shades & Tints

#08E700

Dark

Light

#2DBB28

Dark

Light

#387A36

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #08e700;
  --color-2: #2dbb28;
  --color-3: #387a36;
  --color-4: #235021;
  --color-5: #1e311d;
}

SCSS

$color-1: #08e700;
$color-2: #2dbb28;
$color-3: #387a36;
$color-4: #235021;
$color-5: #1e311d;

TAILWIND

colors: {
  'brand-1': '#08e700',
  'brand-2': '#2dbb28',
  'brand-3': '#387a36',
  'brand-4': '#235021',
  'brand-5': '#1e311d',
}

RGB Array

[8, 231, 0], [45, 187, 40], [56, 122, 54], [35, 80, 33], [30, 49, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #08E700, #2DBB28, #387A36, #235021, #1E311D is ideal for: tech websites, dark mode UIs, game UIs. 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: #08e700; --color-2: #2dbb28; --color-3: #387a36; --color-4: #235021; --color-5: #1e311d. 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. 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