Violet 300 — shade profile · Nakshora Nakshora 2.0 Docs

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

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

Token#

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

html

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

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