One brand blue, mapped into a full cyberpunk system
Analysis of the reference image's neon palette, cross-checked against your existing #006bbb / #fcfcfc, and a proposed token set to standardize across the site. Nothing here is applied yet — this is the discussion draft.
01 — Source extraction
What the reference image is actually built from
Five colors pulled from the image, in the order they appeared.
#D91494
hue 321° · magenta
#085A8C
hue 203° · deep blue
#0DB3D9
hue 191° · cyan-blue
#13F2F2
hue 180° · electric cyan
#711F73
hue 299° · violet
These five aren't scattered — they split into two families: a blue→cyan run at 180°–203°, and a magenta→violet run at 299°–321°, about 120° apart. That's the standard cyberpunk cheat: cool structural light vs. hot signal light, not a random neon grab-bag. Your existing #006bbb sits at hue 206° — almost exactly on top of #085A8C. The brand blue was already speaking this language before we started.
02 — Proposed system
Nine tokens, each with a job
Click any swatch to copy its hex. Blue stays the anchor; cyan and magenta become the two accent voices instead of competing as "brand colors."
copied
Void
#0A0E16
rgb(10 14 22)
copied
Surface
#121826
rgb(18 24 38)
copied
Paper / Ink
#FCFCFC
rgb(252 252 252)
copied
Blue Prime
#006BBB
rgb(0 107 187)
copied
Blue Deep
#085A8C
rgb(8 90 140)
copied
Cyan
#0DB3D9
rgb(13 179 217)
copied
Cyan Bright (glow)
#13F2F2
rgb(19 242 242)
copied
Magenta (CTA)
#D91494
rgb(217 20 148)
copied
Violet (depth)
#711F73
rgb(113 31 115)
03 — Distribution
A 65 / 25 / 10 rule so neon doesn't turn to noise
Cyberpunk pages read as cheap when every color shouts at once. Restraint is what makes the accents pop.
Void / Surface · 65%
Blue / Cyan · 25%
Magenta / Violet · 10%
Backgrounds, cards, body text — the calm 65%Nav, headers, links, structure — the brand 25%CTAs, badges, hover glow only — the signal 10%
04 — In context
The same tokens on a mocked-up shop shelf
LEOSCORPIOLEO
ShopAstrologyChakraAbout
CART · 2
Astrology
Scorpio Moon Tee
$28.00
In stock
05 — Guardrails
Where this helps vs. where it'll fight itself
Do
Keep #006bbb as the one color that appears everywhere — logo, links, nav state
Let magenta mean "act now" (CTA, sale badge) so it stays meaningful
Use cyan-bright glow only on hover/focus states, never as flat fill
Default product photography to a dark or neutral card ground so shirt colors don't fight the palette
Don't
Put magenta text on cyan, or cyan on blue — all three sit close in lightness and vibrate together
Use violet as a background large surfaces read muddy fast at that saturation
Let every button get a glow — if everything glows, nothing signals "primary action"
Reintroduce pure black/white gridlines — everything neutral should carry a slight blue bias