Base and Transparency

white

white/50

white/25

black

black/50

black/25

Brand

brand

brand-darker

brand-lighter

Primary

primary-50

#eff6ff

primary-100

#dbeafe

primary-200

#bfdbfe

primary-300

#93c5fd

primary-400

#60a5fa

primary-500

#3b82f6

primary-600

#2563eb

primary-700

#1d4ed8

primary-800

#1e40af

primary-900

#1e3a8a

Secondary

secondary-50

#eff6ff

secondary-100

#dbeafe

secondary-200

#bfdbfe

secondary-300

#93c5fd

secondary-400

#60a5fa

secondary-500

#3b82f6

secondary-600

#2563eb

secondary-700

#1d4ed8

secondary-800

#1e40af

secondary-900

#1e3a8a

Neutral

neutral-50

#eff6ff

neutral-100

#dbeafe

neutral-200

#bfdbfe

neutral-300

#93c5fd

neutral-400

#60a5fa

neutral-500

#3b82f6

neutral-600

#2563eb

neutral-700

#1d4ed8

neutral-800

#1e40af

neutral-900

#1e3a8a

Support

success-dark

#eff6ff

success

#eff6ff

success-light

#eff6ff

error-dark

#eff6ff

error

#eff6ff

error-light

#eff6ff

warn-dark

#eff6ff

warn

#eff6ff

warn-light

#eff6ff

info-dark

#eff6ff

info

#eff6ff

info-light

#eff6ff