Violet 600 — shade profile · Nakshora Nakshora 3.0 Docs

Violet-600 (`#7c3aed`): where this shade of the violet palette shines — roles, pairings, contrast and examples in Nakshora 3.0.

violet-600 is step 600 of the colors/violet|violet palette — hover step — hover states for 500 elements, or primary on very light uis.

Token#

Property	Value
Class fragment	`violet-600`
Approximate value	`#7c3aed`
CSS variable	`--color-violet-600`
Text on top	`text-white`
Role	Hover step — hover states for 500 elements, or primary on very light UIs.

html

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

Darker: colors/violet-700|violet-700 · Lighter: colors/violet-500|violet-500 · colors/violet|Palette hub