A focused lab: the neon-pink palette applied to borders & dividers (hairlines, rings and divided lists). Each pattern lists exact classes.

Patterns#

html
<div class="border border-neon-pink-200 rounded-xl p-4">Bordered card</div>
<ul class="divide-y divide-neon-pink-100"><li class="py-2">Divided row</li></ul>
<button class="ring-2 ring-neon-pink-500 ring-offset-2 rounded-lg px-4 py-2">Ring focus</button>

Why these shades#

200 reads as structure in light mode; 800 takes over in dark. Rings use the 500 anchor for instant brand recognition.

Surfaces · Typography pairings · Interactive states · Palette hub