Palette

$palette-grey-10: #fafafa
$palette-grey-20: #f2f2f2
$palette-grey-30: #e6e6e6
$palette-grey-40: #d2d2d2
$palette-grey-50: #bcbcbc
$palette-grey-60: #a2a2a2
$palette-grey-70: #8e8e8e
$palette-grey-80: #757575
$palette-grey-90: #505050
$palette-grey-100: #404040
$palette-grey-110: #2f2f2f
$palette-grey-120: #171717
$palette-grey-130: #161616
$palette-black: #000
$palette-black-opacity-90: hsla(0deg, 0%, 0%, 0.9)
$palette-black-opacity-80: hsla(0deg, 0%, 0%, 0.8)
$palette-black-opacity-70: hsla(0deg, 0%, 0%, 0.7)
$palette-black-opacity-60: hsla(0deg, 0%, 0%, 0.6)
$palette-black-opacity-50: hsla(0deg, 0%, 0%, 0.5)
$palette-black-opacity-40: hsla(0deg, 0%, 0%, 0.4)
$palette-black-opacity-30: hsla(0deg, 0%, 0%, 0.3)
$palette-black-opacity-20: hsla(0deg, 0%, 0%, 0.2)
$palette-black-opacity-10: hsla(0deg, 0%, 0%, 0.1)
$palette-black-opacity-0: hsla(0deg, 0%, 0%, 0)
$palette-white: #fff
$palette-white-opacity-0: hsla(0deg, 0%, 100%, 0)
$palette-white-opacity-10: hsla(0deg, 0%, 100%, 0.1)
$palette-white-opacity-20: hsla(0deg, 0%, 100%, 0.2)
$palette-white-opacity-30: hsla(0deg, 0%, 100%, 0.3)
$palette-white-opacity-40: hsla(0deg, 0%, 100%, 0.4)
$palette-white-opacity-50: hsla(0deg, 0%, 100%, 0.5)
$palette-white-opacity-60: hsla(0deg, 0%, 100%, 0.6)
$palette-white-opacity-70: hsla(0deg, 0%, 100%, 0.7)
$palette-white-opacity-80: hsla(0deg, 0%, 100%, 0.8)
$palette-white-opacity-90: hsla(0deg, 0%, 100%, 0.9)
$palette-black-opacity-108: hsla(0deg, 0%, 0%, 0.11)
$palette-black-opacity-132: hsla(0deg, 0%, 0%, 0.13)
$palette-black-opacity-22: hsla(0deg, 0%, 0%, 0.22)
$palette-black-opacity-18: hsla(0deg, 0%, 0%, 0.18)
$palette-white-opacity-108: hsla(0deg, 0%, 100%, 0.11)
$palette-white-opacity-132: hsla(0deg, 0%, 100%, 0.13)
$palette-white-opacity-22: hsla(0deg, 0%, 100%, 0.22)
$palette-white-opacity-18: hsla(0deg, 0%, 100%, 0.18)
$palette-blue-10: #d7eaf8
$palette-blue-20: #9ccbee
$palette-blue-30: #75b6e7
$palette-blue-40: #278cda
$palette-blue-50: #0078d4
$palette-blue-60: #0065b3
$palette-blue-70: #00579a
$palette-blue-80: #004173
$palette-blue-90: #002b4d
$palette-blue-100: #000a13
$palette-blue-a: #9ccbee
$palette-blue-opacity-30: hsla(206deg, 100%, 35%, 0.3)
$palette-blue-opacity-70: hsla(206deg, 100%, 35%, 0.7)
$palette-blue-black: #091f2c
$palette-navy-10: #dfe5ee
$palette-navy-20: #c1cbdc
$palette-navy-30: #a4b2c9
$palette-navy-40: #899ab5
$palette-navy-50: #70819f
$palette-navy-60: #4a5d7e
$palette-navy-70: #243a5e
$palette-navy-80: #14294c
$palette-navy-90: #061329
$palette-navy-100: #000910
$palette-navy-opacity-30: hsla(189deg, 52%, 12%, 0.3)
$palette-navy-opacity-70: hsla(189deg, 52%, 12%, 0.7)
$palette-turqoise-10: #e9fbff
$palette-turqoise-20: #bdf5ff
$palette-turqoise-30: #7becff
$palette-turqoise-40: #50e6ff
$palette-turqoise-50: #41b9cf
$palette-turqoise-60: #328e9f
$palette-turqoise-70: #28727f
$palette-turqoise-80: #19474f
$palette-turqoise-90: #0f2a2f
$palette-turqoise-100: #050e0f
$palette-green-10: #dff6dd
$palette-green-20: #acd7aa
$palette-green-30: #7cbb7b
$palette-green-40: #489d48
$palette-green-50: #2a8b2a
$palette-green-60: #107c10
$palette-green-70: #0b6413
$palette-green-80: #054b16
$palette-green-90: #05350c
$palette-green-100: #061a00
$palette-green-opacity-30: hsla(120deg, 37%, 45%, 0.3)
$palette-green-opacity-70: hsla(120deg, 37%, 45%, 0.7)
$palette-purple-10: #efd9fd
$palette-purple-20: #e0b7fe
$palette-purple-30: #d59dff
$palette-purple-40: #ac7ee1
$palette-purple-50: #9970d3
$palette-purple-60: #8661c5
$palette-purple-70: #624991
$palette-purple-80: #3b2e58
$palette-purple-90: #201843
$palette-purple-100: #03002c
$palette-purple-a: #cd9bcf
$palette-purple-b: #702573
$palette-purple-c: #b84dc6
$palette-purple-opacity-30: hsla(251deg, 47%, 18%, 0.3)
$palette-purple-opacity-70: hsla(251deg, 47%, 18%, 0.7)
$palette-yellow-10: #fff4ce
$palette-yellow-20: #ffe79f
$palette-yellow-30: #ffdf84
$palette-yellow-40: #ffcb3f
$palette-yellow-50: #ffb900
$palette-yellow-60: #d19501
$palette-yellow-70: #966802
$palette-yellow-80: #6a4b16
$palette-yellow-90: #4f340e
$palette-yellow-100: #2d1703
$palette-yellow-opacity-30: hsla(44deg, 100%, 50%, 0.3)
$palette-yellow-opacity-70: hsla(44deg, 100%, 50%, 0.7)
$palette-yellow-sand: #e8e6df
$palette-red-10: #fde7e9
$palette-red-20: #e5a7a8
$palette-red-30: #d4797a
$palette-red-40: #c54f4f
$palette-red-50: #b62626
$palette-red-60: #a80000
$palette-red-70: #870000
$palette-red-80: #630001
$palette-red-90: #470001
$palette-red-100: #290001
$palette-red-opacity-30: hsla(0deg, 100%, 33%, 0.3)
$palette-red-opacity-70: hsla(0deg, 100%, 33%, 0.7)
$palette-yellow-high-contrast: #ff0
$palette-yellow-high-contrast-hover: #ff3
$palette-visited-high-contrast: #3cff00