#948765 + #80BD27 + #35A67C + #3870BB + #5F1BB2 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#948765

Ochre · Gray · Honey Gold

HEX

#948765

RGB

rgb(148, 135, 101)

HSL

hsl(43, 19%, 49%)

HSB

hsb(43, 32%, 58%)

CMYK

cmyk(0%, 9%, 32%, 42%)

Oklch

oklch(62.6% 0.051 89.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#80BD27

Grass Green · Olive · Olive Green

HEX

#80BD27

RGB

rgb(128, 189, 39)

HSL

hsl(84, 66%, 45%)

HSB

hsb(84, 79%, 74%)

CMYK

cmyk(32%, 0%, 79%, 26%)

Oklch

oklch(73.0% 0.183 130.1)

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

#35A67C

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#35A67C

RGB

rgb(53, 166, 124)

HSL

hsl(158, 52%, 43%)

HSB

hsb(158, 68%, 65%)

CMYK

cmyk(68%, 0%, 25%, 35%)

Oklch

oklch(65.1% 0.119 164.3)

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

#3870BB

Indigo · SteelBlue · Navy Blue

HEX

#3870BB

RGB

rgb(56, 112, 187)

HSL

hsl(214, 54%, 48%)

HSB

hsb(214, 70%, 73%)

CMYK

cmyk(70%, 40%, 0%, 27%)

Oklch

oklch(54.5% 0.132 256.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#5F1BB2

Deep Indigo · DarkSlateBlue · Eggplant

HEX

#5F1BB2

RGB

rgb(95, 27, 178)

HSL

hsl(267, 74%, 40%)

HSB

hsb(267, 85%, 70%)

CMYK

cmyk(47%, 85%, 0%, 30%)

Oklch

oklch(42.8% 0.211 296.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

948765

657395

Analogous

956F65

948765

8A9565

Triadic

948765

659587

876595

Split-Comp.

948765

658A95

6F6595

Tetradic

948765

65956F

657395

95658A

Contrast Matrix WCAG 2.1 Contrast

948765	80BD27	35A67C	3870BB	5F1BB2
—	1.6 Fail	1.2 Fail	1.4 Fail	2.6 Fail
1.6 Fail	—	1.3 Fail	2.2 Fail	4.0 AA Large
1.2 Fail	1.3 Fail	—	1.6 Fail	3.0 AA Large
1.4 Fail	2.2 Fail	1.6 Fail	—	1.8 Fail
2.6 Fail	4.0 AA Large	3.0 AA Large	1.8 Fail	—

White BG

3.6AA Large

2.3Fail

3.0AA Large

5.0AA

9.2AAA

Black BG

5.9AA

9.2AAA

6.9AA

4.2AA Large

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E6D

9A9B4B

666786

5051A9

42418D

Deuteranopia

8F906F

979254

5F5789

4D49A5

464B85

Tritanopia

937475

83686E

3B8E90

3B9B97

5C716A

Achromatopsia

878787

9A9A9A

7F7F7F

686868

414141

Shades & Tints Shades & Tints

#948765

Dark

Light

#80BD27

Dark

Light

#35A67C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #948765;
  --color-2: #80bd27;
  --color-3: #35a67c;
  --color-4: #3870bb;
  --color-5: #5f1bb2;
}

SCSS

$color-1: #948765;
$color-2: #80bd27;
$color-3: #35a67c;
$color-4: #3870bb;
$color-5: #5f1bb2;

TAILWIND

colors: {
  'brand-1': '#948765',
  'brand-2': '#80bd27',
  'brand-3': '#35a67c',
  'brand-4': '#3870bb',
  'brand-5': '#5f1bb2',
}

RGB Array

[148, 135, 101], [128, 189, 39], [53, 166, 124], [56, 112, 187], [95, 27, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #948765, #80BD27, #35A67C, #3870BB, #5F1BB2 is ideal for: corporate websites, product showcases, portfolios. 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: #948765; --color-2: #80bd27; --color-3: #35a67c; --color-4: #3870bb; --color-5: #5f1bb2. 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 neon-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