Neon Split complementary Color Palettes: 8 Examples With Hex Codes
Neon palettes in a split complementary scheme: eight real examples with hex codes and contrast, when the look works, and how to adapt it.
Neon palettes follow a recipe: lightness between 72% and 92%, and chroma between 0.2 and 0.3. Split complementary describes how the hues relate. A hue with the two neighbors of its opposite. Lively, with less tension than a complementary pair. Together, they give you a neon, laser look that you can recognize at a glance. Below are eight real examples from Tintly's library of generated palettes, each with its own page.
Eight neon split complementary palettes
Neon Mustard Alcove
Strongest pair: Hey Pesto (#C0A506) with Eggnog (#FEE296) at 1.91:1 (Fail). Keep these for large type and decoration.
Flash Jade Quartz
Strongest pair: Luigi (#35C23B) with Lima (#B6FD59) at 1.92:1 (Fail). Keep these for large type and decoration.
Cyber Mustard Aurora
Strongest pair: Veiling Waterfalls (#D1E8FF) with Blue Bikini (#26B1EA) at 1.95:1 (Fail). Keep these for large type and decoration.
Cyber Gold Jungle
Strongest pair: Fennel Flower (#66A7F9) with Veiling Waterfalls (#CFE9FD) at 1.97:1 (Fail). Keep these for large type and decoration.
Flash Lavender Festival
Strongest pair: Kissed by Mist (#F5D3FE) with Illicit Purple (#C481FA) at 1.98:1 (Fail). Keep these for large type and decoration.
Arcade Turquoise Sonata
Strongest pair: Grape Taffy (#EEE0FD) with Dreamy Candy Forest (#AF8CF8) at 2.10:1 (Fail). Keep these for large type and decoration.
Laser Green Harbor
Strongest pair: Pink Pleasure (#FFDEE8) with Eosin Pink (#FC5BBA) at 2.29:1 (Fail). Keep these for large type and decoration.
Flash Coral Lagoon
Strongest pair: Hello Winter (#81FEF4) with Super Rare Jade (#2DB9AA) at 2.01:1 (Fail). Keep these for large type and decoration.
The eight at a glance
| Palette | Lightest | Darkest | Strongest pair |
|---|---|---|---|
| Neon Mustard Alcove | #FEE296 | #C0A506 | 1.91:1 |
| Flash Jade Quartz | #B6FD59 | #35C23B | 1.92:1 |
| Cyber Mustard Aurora | #D1E8FF | #26B1EA | 1.95:1 |
| Cyber Gold Jungle | #CFE9FD | #66A7F9 | 1.97:1 |
| Flash Lavender Festival | #F5D3FE | #C481FA | 1.98:1 |
| Arcade Turquoise Sonata | #EEE0FD | #AF8CF8 | 2.10:1 |
| Laser Green Harbor | #FFDEE8 | #FC5BBA | 2.29:1 |
| Flash Coral Lagoon | #81FEF4 | #2DB9AA | 2.01:1 |
How neon differs from its neighbors
Neon keeps lightness within 72% to 92%. Pastel runs from 80% to 96% with chroma 0.03 to 0.08, while Vivid runs from 52% to 82% with chroma 0.15 to 0.26. That is why neon palettes feel neon, laser, glow: the numbers are tuned that way, not chosen palette by palette.
When to use this look
- Portfolios, which usually want to feel quiet and editorial.
- Luxury brands, which usually want to feel refined and restrained.
- Education sites, which usually want to feel friendly and clear.
How to adapt it
- Pick the example whose main color is closest to your brand.
- Open it in the generator and lock that color.
- Regenerate the rest until the contrast between text and background reaches 4.5 to 1.
- Export it as CSS variables or a Tailwind scale.