Cyan 50 — shade profile · Nakshora Nakshora 3.0 Docs

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

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

Token#

Property	Value
Class fragment	`cyan-50`
Approximate value	`#ecfeff`
CSS variable	`--color-cyan-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-cyan-50 text-slate-900 p-10">Tinted surface</section>

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