← Back to Editor

#95AD9E · #FD5F00 · #5F6645 · #E0E0E0 · #020202

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#95AD9E

Celadon · DarkSeaGreen · Apple Green

HEX
#95AD9E
RGB
rgb(149, 173, 158)
HSL
hsl(143, 13%, 63%)
HSB
hsb(143, 14%, 68%)
CMYK
cmyk(14%, 0%, 9%, 32%)
Oklch
oklch(72.5% 0.034 158.0)

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

#FD5F00

Tangerine · OrangeRed · Amber Brown

HEX
#FD5F00
RGB
rgb(253, 95, 0)
HSL
hsl(23, 100%, 50%)
HSB
hsb(23, 100%, 99%)
CMYK
cmyk(0%, 62%, 100%, 1%)
Oklch
oklch(68.4% 0.208 41.7)

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

#5F6645

Grass Green · DarkOliveGreen · Forest Green

HEX
#5F6645
RGB
rgb(95, 102, 69)
HSL
hsl(73, 19%, 34%)
HSB
hsb(73, 32%, 40%)
CMYK
cmyk(7%, 0%, 32%, 60%)
Oklch
oklch(49.5% 0.050 118.0)

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

#E0E0E0

Plain White · LightGray · Cloud White

HEX
#E0E0E0
RGB
rgb(224, 224, 224)
HSL
hsl(0, 0%, 88%)
HSB
hsb(0, 0%, 88%)
CMYK
cmyk(0%, 0%, 0%, 12%)
Oklch
oklch(90.7% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#020202

Ink Black · Black · Jet Black

HEX
#020202
RGB
rgb(2, 2, 2)
HSL
hsl(0, 0%, 1%)
HSB
hsb(0, 0%, 1%)
CMYK
cmyk(0%, 0%, 0%, 99%)
Oklch
oklch(8.5% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95AD9E
AD94A4

Analogous

97AD94
95AD9E
94ADAA

Triadic

95AD9E
9E94AD
AD9E94

Split-Comp.

95AD9E
AA94AD
AD9497

Tetradic

95AD9E
9497AD
AD94A4
ADAA94

Contrast Matrix WCAG 2.1 Contrast

95AD9E
FD5F00
5F6645
E0E0E0
020202
—
1.3
Fail
2.5
Fail
1.8
Fail
8.6
AAA
1.3
Fail
—
2.0
Fail
2.3
Fail
6.7
AA
2.5
Fail
2.0
Fail
—
4.6
AA
3.4
AA Large
1.8
Fail
2.3
Fail
4.6
AA
—
15.7
AAA
8.6
AAA
6.7
AA
3.4
AA Large
15.7
AAA
—
White BG
2.4Fail
3.1AA Large
6.0AA
1.3Fail
20.7AAA
Black BG
8.7AAA
6.8AA
3.5AA Large
15.9AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9FA0A2
B9B717
62624D
E0E0E0
020202

Deuteranopia

9E9CA3
C2CE1D
62614F
E0E0E0
020202

Tritanopia

96A4A5
F5292D
5F5355
E0E0E0
020202

Achromatopsia

A4A4A4
838383
606060
E0E0E0
020202

Shades & Tints Shades & Tints

#95AD9E

Dark
Light

#FD5F00

Dark
Light

#5F6645

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95ad9e;
  --color-2: #fd5f00;
  --color-3: #5f6645;
  --color-4: #e0e0e0;
  --color-5: #020202;
}

SCSS

$color-1: #95ad9e;
$color-2: #fd5f00;
$color-3: #5f6645;
$color-4: #e0e0e0;
$color-5: #020202;

TAILWIND

colors: {
  'brand-1': '#95ad9e',
  'brand-2': '#fd5f00',
  'brand-3': '#5f6645',
  'brand-4': '#e0e0e0',
  'brand-5': '#020202',
}

RGB Array

[149, 173, 158], [253, 95, 0], [95, 102, 69], [224, 224, 224], [2, 2, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #95AD9E, #FD5F00, #5F6645, #E0E0E0, #020202 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #95ad9e; --color-2: #fd5f00; --color-3: #5f6645; --color-4: #e0e0e0; --color-5: #020202. 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. 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 neon-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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