Emerald 300 — shade profile · Nakshora Nakshora 2.0 Docs

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

emerald-300 is step 300 of the colors/emerald|emerald palette — soft — secondary borders, disabled states with color, placeholder decorations.

Token#

Property	Value
Class fragment	`emerald-300`
Approximate value	`#a7f3d0`
CSS variable	`--color-emerald-300`
Text on top	`text-slate-900` (dark text)
Role	Soft — secondary borders, disabled states with color, placeholder decorations.

html

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

Darker: colors/emerald-400|emerald-400 · Lighter: colors/emerald-200|emerald-200 · colors/emerald|Palette hub