Color Palette

White

Hex: Add Hex value
HSL: Add HSL value
RGB: Add RGB value
Token: --color-background

Black

Hex: Add Hex value
HSL: Add HSL value
RGB: Add RGB value
Token: --color-text

Primary

Hex: Add Hex value
HSL: Add HSL value
RGB: Add RGB value
Token: --color-accent

Secondary

Hex: Add Hex value
HSL: Add HSL value
RGB: Add RGB value
Token: --color-secondary

Accent

Hex: Add Hex value
HSL: Add HSL value
RGB: Add RGB value
Token: --color-accent

Border

Hex: Add Hex value
HSL: Add HSL value
RGB: Add RGB value
Token: --color-border

Black-10

Hex: #000
HSL: hsl(0, 0%, 90%)
RGB: rgb(230, 230, 230)
Token: --black-10

Black-20

Hex: #ccc
HSL: hsl(0, 0%, 80%)
RGB: rgb(204, 204, 204)
Token: --black-20

Black-30

Hex: #b3b3b3
HSL: hsl(0, 0%, 70%)
RGB: rgb(179, 179, 179)
Token: --black-30

Black-40

Hex: #999
HSL: hsl(0, 0%, 60%)
RGB: rgb(153, 153, 153)
Token: --black-40

Black-50

Hex: #808080
HSL: hsl(0, 0%, 50%)
RGB: rgb(128, 128, 128)
Token: --black-50

Black-60

Hex: #666
HSL: hsl(0, 0%, 40%)
RGB: rgb(102, 102, 102)
Token: --black-40

Black-70

Hex: #4d4d4d
HSL: hsl(0, 0%, 30%)
RGB: rgb(77, 77, 77)
Token: --black-70

Black-80

Hex: #333
HSL: hsl(0, 0%, 20%)
RGB: rgb(51, 51, 51)
Token: --black-80

Black-90

Hex: #1a1a1a
HSL: hsl(0, 0%, 10%)
RGB: rgb(26, 26, 26)
Token: --black-90

Black

Hex: #000
HSL: hsl(0, 0%, 0%)
RGB: rgb(0, 0, 0)
Token: --black