Goat - Primer's design system

Color

Color

Color

White

#FFFFFF

Black

#000000

Gray 50

#FAFAFA

Gray 100

#F5F5F5

Gray 200

#EEEEEE

Gray 300

#E0E0E0

Gray 400

#BDBDBD

Gray 500

#9E9E9E

Gray 600

#757575

Gray 700

#616161

Gray 800

#424242

Gray 900

#212121

Green 50

#E5FDF4

Green 100

#CCFAE9

Green 200

#B3F7DE

Green 300

#76DEB8

Green 400

#58CEA2

Green 500

#3EB68F

Green 600

#239D7D

Green 700

#09856A

Green 800

#056E54

Green 900

#00563E

Red 50

#FFECEC

Red 100

#FFDAD9

Red 200

#FFC2C1

Red 300

#FEAAA9

Red 400

#FF8E91

Red 500

#FF7279

Red 600

#E85B67

Red 700

#D04455

Red 800

#B4324B

Red 900

#981F41

Blue 50

#EBF6FF

Blue 100

#CDE9FF

Blue 200

#A8D6FF

Blue 300

#83C3FF

Blue 400

#5EB0FF

Blue 500

#399DFF

Blue 600

#2184FF

Blue 700

#086BFF

Blue 800

#0457E5

Blue 900

#0042CB

Yellow 50

#FFF9E3

Yellow 100

#FFF3C7

Yellow 200

#FFEBA4

Yellow 300

#FFDE6A

Yellow 400

#F9D147

Yellow 500

#EEBD19

Yellow 600

#D7A917

Yellow 700

#C09414

Yellow 800

#A98012

Yellow 900

#926B0F

Pink 50

#F7E5F0

Pink 100

#F1C6DF

Pink 200

#EBA8CF

Pink 300

#E489BE

Pink 400

#DE6AAD

Pink 500

#DC4A99

Pink 600

#D43A8D

Pink 700

#CB2A80

Pink 800

#B42877

Pink 900

#9E2670

Lilac 50

#F9F5FF

Lilac 100

#F3EBFF

Lilac 200

#E0D0FF

Lilac 300

#CFB9FF

Lilac 400

#BEA1FE

Lilac 500

#A686F5

Lilac 600

#8F6AEA

Lilac 700

#774FE0

Lilac 800

#6744C6

Lilac 900

#563AAD

Indigo 50

#EEF0FF

Indigo 100

#DDE0FF

Indigo 200

#CCD0FF

Indigo 300

#BBC0FF

Indigo 400

#9EA6FE

Indigo 500

#818BFC

Indigo 600

#7574FF

Indigo 700

#6165EE

Indigo 800

#4D57DC

Indigo 900

#3948CB

Turquoise 50

#E9F9FB

Turquoise 100

#C5F0F5

Turquoise 200

#A2E6EF

Turquoise 300

#7EDDE9

Turquoise 400

#4DD0E1

Turquoise 500

#00BCD4

Turquoise 600

#00ABC2

Turquoise 700

#009AB0

Turquoise 800

#00899D

Turquoise 900

#00788B

Coral 50

#FFF4EB

Coral 100

#FFE2D4

Coral 200

#FFD0BE

Coral 300

#FFBEA7

Coral 400

#FFA590

Coral 500

#FF8C78

Coral 600

#E47462

Coral 700

#C85C4C

Coral 800

#B65446

Coral 900

#964839

Orange 50

#FDF0E7

Orange 100

#FBDEC8

Orange 200

#F7C8A6

Orange 300

#F3B283

Orange 400

#F2A26B

Orange 500

#F09253

Orange 600

#D8834A

Orange 700

#C07542

Orange 800

#A86639

Orange 900

#93542A

White

#FFFFFF

Black

#000000

Gray 50

#FAFAFA

Gray 100

#F5F5F5

Gray 200

#EEEEEE

Gray 300

#E0E0E0

Gray 400

#BDBDBD

Gray 500

#9E9E9E

Gray 600

#757575

Gray 700

#616161

Gray 800

#424242

Gray 900

#212121

Green 50

#E5FDF4

Green 100

#CCFAE9

Green 200

#B3F7DE

Green 300

#76DEB8

Green 400

#58CEA2

Green 500

#3EB68F

Green 600

#239D7D

Green 700

#09856A

Green 800

#056E54

Green 900

#00563E

Red 50

#FFECEC

Red 100

#FFDAD9

Red 200

#FFC2C1

Red 300

#FEAAA9

Red 400

#FF8E91

Red 500

#FF7279

Red 600

#E85B67

Red 700

#D04455

Red 800

#B4324B

Red 900

#981F41

Blue 50

#EBF6FF

Blue 100

#CDE9FF

Blue 200

#A8D6FF

Blue 300

#83C3FF

Blue 400

#5EB0FF

Blue 500

#399DFF

Blue 600

#2184FF

Blue 700

#086BFF

Blue 800

#0457E5

Blue 900

#0042CB

Yellow 50

#FFF9E3

Yellow 100

#FFF3C7

Yellow 200

#FFEBA4

Yellow 300

#FFDE6A

Yellow 400

#F9D147

Yellow 500

#EEBD19

Yellow 600

#D7A917

Yellow 700

#C09414

Yellow 800

#A98012

Yellow 900

#926B0F

Pink 50

#F7E5F0

Pink 100

#F1C6DF

Pink 200

#EBA8CF

Pink 300

#E489BE

Pink 400

#DE6AAD

Pink 500

#DC4A99

Pink 600

#D43A8D

Pink 700

#CB2A80

Pink 800

#B42877

Pink 900

#9E2670

Lilac 50

#F9F5FF

Lilac 100

#F3EBFF

Lilac 200

#E0D0FF

Lilac 300

#CFB9FF

Lilac 400

#BEA1FE

Lilac 500

#A686F5

Lilac 600

#8F6AEA

Lilac 700

#774FE0

Lilac 800

#6744C6

Lilac 900

#563AAD

Indigo 50

#EEF0FF

Indigo 100

#DDE0FF

Indigo 200

#CCD0FF

Indigo 300

#BBC0FF

Indigo 400

#9EA6FE

Indigo 500

#818BFC

Indigo 600

#7574FF

Indigo 700

#6165EE

Indigo 800

#4D57DC

Indigo 900

#3948CB

Turquoise 50

#E9F9FB

Turquoise 100

#C5F0F5

Turquoise 200

#A2E6EF

Turquoise 300

#7EDDE9

Turquoise 400

#4DD0E1

Turquoise 500

#00BCD4

Turquoise 600

#00ABC2

Turquoise 700

#009AB0

Turquoise 800

#00899D

Turquoise 900

#00788B

Coral 50

#FFF4EB

Coral 100

#FFE2D4

Coral 200

#FFD0BE

Coral 300

#FFBEA7

Coral 400

#FFA590

Coral 500

#FF8C78

Coral 600

#E47462

Coral 700

#C85C4C

Coral 800

#B65446

Coral 900

#964839

Orange 50

#FDF0E7

Orange 100

#FBDEC8

Orange 200

#F7C8A6

Orange 300

#F3B283

Orange 400

#F2A26B

Orange 500

#F09253

Orange 600

#D8834A

Orange 700

#C07542

Orange 800

#A86639

Orange 900

#93542A

White

#FFFFFF

Black

#000000

Gray 50

#FAFAFA

Gray 100

#F5F5F5

Gray 200

#EEEEEE

Gray 300

#E0E0E0

Gray 400

#BDBDBD

Gray 500

#9E9E9E

Gray 600

#757575

Gray 700

#616161

Gray 800

#424242

Gray 900

#212121

Green 50

#E5FDF4

Green 100

#CCFAE9

Green 200

#B3F7DE

Green 300

#76DEB8

Green 400

#58CEA2

Green 500

#3EB68F

Green 600

#239D7D

Green 700

#09856A

Green 800

#056E54

Green 900

#00563E

Red 50

#FFECEC

Red 100

#FFDAD9

Red 200

#FFC2C1

Red 300

#FEAAA9

Red 400

#FF8E91

Red 500

#FF7279

Red 600

#E85B67

Red 700

#D04455

Red 800

#B4324B

Red 900

#981F41

Blue 50

#EBF6FF

Blue 100

#CDE9FF

Blue 200

#A8D6FF

Blue 300

#83C3FF

Blue 400

#5EB0FF

Blue 500

#399DFF

Blue 600

#2184FF

Blue 700

#086BFF

Blue 800

#0457E5

Blue 900

#0042CB

Yellow 50

#FFF9E3

Yellow 100

#FFF3C7

Yellow 200

#FFEBA4

Yellow 300

#FFDE6A

Yellow 400

#F9D147

Yellow 500

#EEBD19

Yellow 600

#D7A917

Yellow 700

#C09414

Yellow 800

#A98012

Yellow 900

#926B0F

Pink 50

#F7E5F0

Pink 100

#F1C6DF

Pink 200

#EBA8CF

Pink 300

#E489BE

Pink 400

#DE6AAD

Pink 500

#DC4A99

Pink 600

#D43A8D

Pink 700

#CB2A80

Pink 800

#B42877

Pink 900

#9E2670

Lilac 50

#F9F5FF

Lilac 100

#F3EBFF

Lilac 200

#E0D0FF

Lilac 300

#CFB9FF

Lilac 400

#BEA1FE

Lilac 500

#A686F5

Lilac 600

#8F6AEA

Lilac 700

#774FE0

Lilac 800

#6744C6

Lilac 900

#563AAD

Indigo 50

#EEF0FF

Indigo 100

#DDE0FF

Indigo 200

#CCD0FF

Indigo 300

#BBC0FF

Indigo 400

#9EA6FE

Indigo 500

#818BFC

Indigo 600

#7574FF

Indigo 700

#6165EE

Indigo 800

#4D57DC

Indigo 900

#3948CB

Turquoise 50

#E9F9FB

Turquoise 100

#C5F0F5

Turquoise 200

#A2E6EF

Turquoise 300

#7EDDE9

Turquoise 400

#4DD0E1

Turquoise 500

#00BCD4

Turquoise 600

#00ABC2

Turquoise 700

#009AB0

Turquoise 800

#00899D

Turquoise 900

#00788B

Coral 50

#FFF4EB

Coral 100

#FFE2D4

Coral 200

#FFD0BE

Coral 300

#FFBEA7

Coral 400

#FFA590

Coral 500

#FF8C78

Coral 600

#E47462

Coral 700

#C85C4C

Coral 800

#B65446

Coral 900

#964839

Orange 50

#FDF0E7

Orange 100

#FBDEC8

Orange 200

#F7C8A6

Orange 300

#F3B283

Orange 400

#F2A26B

Orange 500

#F09253

Orange 600

#D8834A

Orange 700

#C07542

Orange 800

#A86639

Orange 900

#93542A

Explore more about Goat

on Figma Community

Goat Design System

Primer Design Playbook

Goat on Figma

Design at Primer

© Primer 2023

Explore more about Goat on Figma Community

Goat Design System

Primer Design Playbook

Goat on Figma

Design at Primer

© Primer 2023

Explore more about Goat

on Figma Community

Goat Design System

Primer Design Playbook

Goat on Figma

Design at Primer

© Primer 2023