Pink 50 — shade profile · Nakshora Nakshora 3.0 Docs

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

pink-50 is step 50 of the colors/pink|pink palette — lightest tint — page backgrounds, subtle fills, hover backgrounds for rows and list items.

Token#

Property	Value
Class fragment	`pink-50`
Approximate value	`#fdf2f8`
CSS variable	`--color-pink-50`
Text on top	`text-slate-900` (dark text)
Role	Lightest tint — page backgrounds, subtle fills, hover backgrounds for rows and list items.

html

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

Darker: colors/pink-100|pink-100 · Lighter: colors/pink-50|pink-50 · colors/pink|Palette hub