Violet 400 — shade profile · Nakshora Nakshora 2.0 Docs

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

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

Token#

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

html

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

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