Neon Complementary Color Palettes: 8 Examples With Hex Codes
Neon palettes in a 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. Complementary describes how the hues relate. Opposite hues. High energy, best with one color leading and the other as an accent. 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 complementary palettes
Flash Tangerine Kiln
Strongest pair: Bisque (#FDE4CA) with Cognac (#DC9018) at 2.12:1 (Fail). Keep these for large type and decoration.
Laser Salmon Bonfire
Strongest pair: Begonia (#FF6D97) with We Peep (#FED5DB) at 1.99:1 (Fail). Keep these for large type and decoration.
Arcade Turquoise Yarrow
Strongest pair: Turquoise (#0FBE9C) with Hello Winter (#A1FDE5) at 1.99:1 (Fail). Keep these for large type and decoration.
Laser Green Quarry
Strongest pair: Grape Taffy (#FEDAF9) with Candy Pink (#EE68DE) at 2.16:1 (Fail). Keep these for large type and decoration.
Flash Sky Carnival
Strongest pair: Aquarius (#26B3DA) with Breaking the Ice (#B9E9FE) at 1.89:1 (Fail). Keep these for large type and decoration.
Glow Cornflower Vista
Strongest pair: Blue Bikini (#02B0F0) with Veiling Waterfalls (#C6E9FE) at 1.94:1 (Fail). Keep these for large type and decoration.
Cyber Jade Meadow
Strongest pair: Luigi (#32C32C) with Light Mint (#B6FDB5) at 1.97:1 (Fail). Keep these for large type and decoration.
Cyber Lime Festival
Strongest pair: Lima (#B8FD62) with Frog (#73BD2B) at 1.90:1 (Fail). Keep these for large type and decoration.
The eight at a glance
| Palette | Lightest | Darkest | Strongest pair |
|---|---|---|---|
| Flash Tangerine Kiln | #FDE4CA | #DC9018 | 2.12:1 |
| Laser Salmon Bonfire | #FED5DB | #FF6D97 | 1.99:1 |
| Arcade Turquoise Yarrow | #A1FDE5 | #0FBE9C | 1.99:1 |
| Laser Green Quarry | #FEDAF9 | #EE68DE | 2.16:1 |
| Flash Sky Carnival | #B9E9FE | #26B3DA | 1.89:1 |
| Glow Cornflower Vista | #C6E9FE | #02B0F0 | 1.94:1 |
| Cyber Jade Meadow | #B6FDB5 | #32C32C | 1.97:1 |
| Cyber Lime Festival | #B8FD62 | #73BD2B | 1.90: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
- Pet brands, which usually want to feel friendly and warm.
- Weddings, which usually want to feel romantic and timeless.
- Restaurants, which usually want to feel appetizing and atmospheric.
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.