My Blog

A classic static blog

neon colors hex code pallette

Here’s a comprehensive palette of neon and fluorescent-inspired hex codes, covering the core high-voltage colors used in digital design, signage, and synthwave aesthetics.

🌈 Core Neon Palette

:β€” | :β€” | :β€” |
Color Name | Hex Code | Preview |
Neon Red | #FF3131 | πŸ”΄ |
Neon Pink | #FF44CC | πŸ’– |

|Hot Magenta | #FF00FF | πŸ’œ | | Neon Orange | #FF5E00 | 🟠 | | Neon Yellow | #FFF01F | πŸ’› | | Neon Lime | #CCFF00 | πŸ’š | | Neon Green | #39FF14 | 🟒 | | Electric Cyan | #00FFFF | πŸ”΅ | | Neon Blue | #1F51FF | πŸ’™ | | Neon Purple | #9D00FF | 🟣 | | Ultra Violet | #8F00FF | πŸŸͺ |

⚑ Extended Brights & Accents

:β€” | :β€” | :β€” |
Color Name | Hex Code | Preview |
Neon Coral | #FF6E4A | 🧑 |
Neon Peach | #FFAA33 | πŸ‘ |
Electric Lime | #B0FF00 | 🟩 |
Mint Flash | #00FFAA | πŸŸ’πŸ”΅ |
Cerulean Shock | #00BFFF |πŸ”Ή |
Neon Plum | #BC13FE | πŸ‡ |

|Arctic Neon | #E0FFFF | 🀍 | | Neon Flesh | #FFC0CB | πŸ₯ |

✨ Pro Tip for Design

True neon glows on a screen require high saturation paired with a dark background (#0D0D0D or #1A1A1A). Add a drop shadow or box-shadow using the same hex color to simulate the β€œglow” effect.

Need the CSS for a glowing text effect using any of these codes?

|