Design System Database
Design Systems

Design System Primitives

Red 100

--color-core-red-100

#fceaea

Red 200

--color-core-red-200

#f7c1c2

Red 300

--color-core-red-300

#f29495

Red 400

--color-core-red-400

#ea6465

Red 500

--color-core-red-500

#d9292b

Red 600

--color-core-red-600

#ae0001

Red 700

--color-core-red-700

#7b0000

Red 800

--color-core-red-800

#4b0000

Green 100

--color-core-green-100

#e4f2e0

Green 200

--color-core-green-200

#b0daa4

Green 300

--color-core-green-300

#79bf65

Green 400

--color-core-green-400

#609e41

Green 500

--color-core-green-500

#487e1e

Green 600

--color-core-green-600

#336006

Green 700

--color-core-green-700

#234104

Green 800

--color-core-green-800

#142502

Blue 100

--color-core-blue-100

#d9f3fe

Blue 200

--color-core-blue-200

#8ad9fc

Blue 300

--color-core-blue-300

#2eb9f9

Blue 400

--color-core-blue-400

#1d91fb

Blue 500

--color-core-blue-500

#0a65fe

Blue 600

--color-core-blue-600

#0042dc

Blue 700

--color-core-blue-700

#002d99

Blue 800

--color-core-blue-800

#001b5a

Violet 100

--color-core-violet-100

#ffe9fe

Violet 200

--color-core-violet-200

#ffb5fc

Violet 300

--color-core-violet-300

#ff7bfa

Violet 400

--color-core-violet-400

#f431ed

Violet 500

--color-core-violet-500

#c127bc

Violet 600

--color-core-violet-600

#931d8f

Violet 700

--color-core-violet-700

#661463

Violet 800

--color-core-violet-800

#3b0c3a

Component Blueprints

Design Patterns

Building your team

Building your design process