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