Emerald 600 — shade profile · Nakshora Nakshora 3.1 Docs

Emerald-600 (`#059669`): where this shade of the emerald palette shines — roles, pairings, contrast and examples in Nakshora 3.1.

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

Token#

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

html

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

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