Orange 300 — shade profile · Nakshora Nakshora 2.0 Docs

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

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

Token#

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

html

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

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