1. design
  2. presets

Presets

Provides a robust preset combination of styles for use with buttons, card, badges, and more.

Filled

(neutral)
950-50
900-100
800-200
700-300
600-400
500
400-600
300-700
200-800
100-900
50-950

Tonal

(neutral)
primary
secondary
tertiary
success
warning
error
surface

Outlined

(neutral)
950-50
900-100
800-200
700-300
600-400
500
400-600
300-700
200-800
100-900
50-950

Gradients

See the Tailwind Gradient Stops documentation for more information.