Blue 300 — shade profile · Nakshora Nakshora 2.0 Docs

Blue-300 (`#bfdbfe`): where this shade of the blue palette shines — roles, pairings, contrast and examples in Nakshora 2.0.

blue-300 is step 300 of the colors/blue|blue palette — soft — secondary borders, disabled states with color, placeholder decorations.

Token#

Property	Value
Class fragment	`blue-300`
Approximate value	`#bfdbfe`
CSS variable	`--color-blue-300`
Text on top	`text-slate-900` (dark text)
Role	Soft — secondary borders, disabled states with color, placeholder decorations.

html

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

Darker: colors/blue-400|blue-400 · Lighter: colors/blue-200|blue-200 · colors/blue|Palette hub