Colors

White to Black

White

Hex: #ffd100
HSL: hsl(0, 0%, 100%)
Token: --color-white

Black-10

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

Black-20

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

Black-30

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

Black-40

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

Black-50

Hex: #808080
HSL: hsl(0, 0%, 50%)
Token: --color-black-50

Black-60

Hex: #666
HSL: hsl(0, 0%, 40%)
Token: --color-black-60

Black-70

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

Black-80

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

Black-90

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

Black

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

Santa Monica Mountain's color palette

Palette 1

Hex: #4F643D
HSL: hsl(92, 24%, 32%)

Hex: #BAC96D
HSL: hsl(70, 46% 61%)

Hex: #5C4E48
HSL: hsl(18, 12% 32%)

Hex: #A69D92
HSL: hsl(33, 10% 61%)

Hex: #BFB3A8
HSL: hsl(29, 15% 70%)

Palette 2

Hex: #595736
HSL: hsl(57, 24% 28%)

Hex: #D9C3A9
HSL: hsl(33, 39% 76%)

Hex: #F0E7D8
HSL: hsl(38, 44% 89%)

Hex: #BFAB99
HSL: hsl(28, 23% 67%)

Hex: #8C7C6D
HSL: hsl(29, 12% 49%)

Palette 3

Hex: #5891D8
HSL: hsl(213, 62% 60%)

Hex: #4B89BF
HSL: hsl(208, 48% 52%)

Hex: #79BAF2
HSL: hsl(208, 82% 71%)

Hex: #D9AD77
HSL: hsl(33, 56% 66%)

Hex: #A67C58
HSL: hsl(28, 31% 50%)

Palette 4

Hex: #6F798A
HSL: hsl(218, 11% 49%)

Hex: #BFB063
HSL: hsl(50, 42% 57%)

Hex: #DAD1CB
HSL: hsl(24, 17% 83%)

Hex: #454543
HSL: hsl(60, 1% 27%)

Hex: #A68C76
HSL: hsl(28, 21% 56%)

Hex: #95561F
HSL: hsl(28, 66% 35%)