lime-300 is step 300 of the colors/lime|lime palette — soft — secondary borders, disabled states with color, placeholder decorations.

Token#

PropertyValue
Class fragmentlime-300
Approximate value#d9f99d
CSS variable--color-lime-300
Text on toptext-slate-900 (dark text)
RoleSoft — secondary borders, disabled states with color, placeholder decorations.

In a layout#

html
<span class="bg-lime-300 text-slate-900 px-3 py-1 rounded-full text-sm">Badge</span>

Neighbors#

Darker: colors/lime-400|lime-400 · Lighter: colors/lime-200|lime-200 · colors/lime|Palette hub