Violet 500 — shade profile · Nakshora Nakshora 2.0 Docs

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

violet-500 is step 500 of the colors/violet|violet palette — the primary step — buttons, links, brand fills, key interactive elements.

Token#

Property	Value
Class fragment	`violet-500`
Approximate value	`#a78bfa`
CSS variable	`--color-violet-500`
Text on top	`text-white`
Role	The primary step — buttons, links, brand fills, key interactive elements.

html

<button class="bg-violet-500 hover:bg-violet-600 text-white px-5 py-2.5 rounded-lg">Primary</button>

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