Purple 700 — shade profile · Nakshora Nakshora 3.1 Docs

Purple-700 (`#7e22ce`): where this shade of the purple palette shines — roles, pairings, contrast and examples in Nakshora 3.1.

purple-700 is step 700 of the colors/purple|purple palette — active step — pressed states, emphasized text on light tinted backgrounds.

Token#

Property	Value
Class fragment	`purple-700`
Approximate value	`#7e22ce`
CSS variable	`--color-purple-700`
Text on top	`text-white`
Role	Active step — pressed states, emphasized text on light tinted backgrounds.

html

<footer class="bg-purple-700 text-white p-8">Deep surface</footer>

Darker: colors/purple-800|purple-800 · Lighter: colors/purple-600|purple-600 · colors/purple|Palette hub