Blue 400 — shade profile · Nakshora Nakshora 3.0 Docs

Blue-400 (`#60a5fa`): where this shade of the blue palette shines — roles, pairings, contrast and examples in Nakshora 3.0.

blue-400 is step 400 of the colors/blue|blue palette — medium-light — icons on dark surfaces, decorative accents, chart lines.

Token#

Property	Value
Class fragment	`blue-400`
Approximate value	`#60a5fa`
CSS variable	`--color-blue-400`
Text on top	`text-slate-900` (dark text)
Role	Medium-light — icons on dark surfaces, decorative accents, chart lines.

html

<span class="bg-blue-400 text-slate-900 px-3 py-1 rounded-full text-sm">Badge</span>

Darker: colors/blue-500|blue-500 · Lighter: colors/blue-300|blue-300 · colors/blue|Palette hub