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

Token#

PropertyValue
Class fragmentzinc-700
Approximate value#52525b
CSS variable--color-zinc-700
Text on toptext-white
RoleActive step — pressed states, emphasized text on light tinted backgrounds.

In a layout#

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

Neighbors#

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