# Colors

Block color design system can help you create a color theme that reflects your brand or style.

## Theme Colors

##### Primary

#8b3dff

##### Secondary

#e2e8f0

##### Success

#008008

##### Danger

#db1436

##### Warning

#ffc107

##### Info

#0dcaf0

##### Light

#f1f5f9

##### Dark

#0f172a

## Gray

##### gray-100

#f1f5f9

##### gray-200

#e2e8f0

##### gray-300

#cbd5e1

##### gray-400

#94a3b8

##### gray-500

#64748b

##### gray-600

#475569

##### gray-700

#334155

##### gray-800

#1e293b

##### gray-900

#0f172a

##### gray-950

#020617