Pink 700 — shade profile · Nakshora Nakshora 2.0 Docs

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

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

Token#

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

html

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

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