Orange 700 — shade profile · Nakshora Nakshora 2.0 Docs

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

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

Token#

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

html

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

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