Emerald 100 — shade profile · Nakshora Nakshora 2.0 Docs

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

emerald-100 is step 100 of the colors/emerald|emerald palette — very light — section backgrounds, badges on light ui, tinted code blocks.

Token#

Property	Value
Class fragment	`emerald-100`
Approximate value	`#ecfdf5`
CSS variable	`--color-emerald-100`
Text on top	`text-slate-900` (dark text)
Role	Very light — section backgrounds, badges on light UI, tinted code blocks.

html

<section class="bg-emerald-100 text-slate-900 p-10">Tinted surface</section>

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