Color

Tokens

NameValuePreview
--hop-coastal-25
#f0f8ff
--hop-coastal-50
#d9efff
--hop-coastal-75
#bae6ff
--hop-coastal-100
#9fd2f7
--hop-coastal-200
#81b9e4
--hop-coastal-300
#5d9acd
--hop-coastal-400
#3a7bb2
--hop-coastal-500
#2e70a8
--hop-coastal-600
#23669f
--hop-coastal-700
#0a538b
--hop-coastal-800
#003d70
--hop-coastal-900
#00274b
--hop-quetzal-25
#ddfdf9
--hop-quetzal-50
#cff4ef
--hop-quetzal-75
#bde8e1
--hop-quetzal-100
#a3d6cb
--hop-quetzal-200
#83beaf
--hop-quetzal-300
#5da18c
--hop-quetzal-400
#38836a
--hop-quetzal-500
#2b795e
--hop-quetzal-600
#206f54
--hop-quetzal-700
#055c41
--hop-quetzal-800
#00452d
--hop-quetzal-900
#002d1c
--hop-orchid-bloom-25
#f6f5ff
--hop-orchid-bloom-50
#eae9fb
--hop-orchid-bloom-75
#ddddf7
--hop-orchid-bloom-100
#c8caf0
--hop-orchid-bloom-200
#aeb3e8
--hop-orchid-bloom-300
#8d91dc
--hop-orchid-bloom-400
#6b6ecc
--hop-orchid-bloom-500
#5f61c5
--hop-orchid-bloom-600
#5454be
--hop-orchid-bloom-700
#433fac
--hop-orchid-bloom-800
#322b8d
--hop-orchid-bloom-900
#1e1c5d
--hop-sapphire-25
#f5f6ff
--hop-sapphire-50
#e6ebff
--hop-sapphire-75
#d6e0ff
--hop-sapphire-100
#b9cbff
--hop-sapphire-200
#95b1ff
--hop-sapphire-300
#6c8ffd
--hop-sapphire-400
#4767fe
--hop-sapphire-500
#3b57ff
--hop-sapphire-600
#2a43e8
--hop-sapphire-700
#2040c7
--hop-sapphire-800
#1b3587
--hop-sapphire-900
#152450
--hop-fog-25
#f2f8fa
--hop-fog-50
#e1eef1
--hop-fog-75
#d2e3e7
--hop-fog-100
#bad0d5
--hop-fog-200
#9cb7be
--hop-fog-300
#7c9aa3
--hop-fog-400
#5e7b84
--hop-fog-500
#557079
--hop-fog-600
#4e6770
--hop-fog-700
#40535a
--hop-fog-800
#313e43
--hop-fog-900
#20282a
--hop-toad-25
#fef6ef
--hop-toad-50
#f0eae3
--hop-toad-75
#e5ded6
--hop-toad-100
#d4cbc0
--hop-toad-200
#bdb1a3
--hop-toad-300
#a19382
--hop-toad-400
#837463
--hop-toad-500
#776a59
--hop-toad-600
#6e6151
--hop-toad-700
#594f41
--hop-toad-800
#433b31
--hop-toad-900
#2a2620
--hop-sunken-treasure-25
#fff8d6
--hop-sunken-treasure-50
#fff2b8
--hop-sunken-treasure-75
#f7e694
--hop-sunken-treasure-100
#eac96d
--hop-sunken-treasure-200
#e2a934
--hop-sunken-treasure-300
#c28b12
--hop-sunken-treasure-400
#996f08
--hop-sunken-treasure-500
#8b6609
--hop-sunken-treasure-600
#7e5e0a
--hop-sunken-treasure-700
#654c0d
--hop-sunken-treasure-800
#4b390f
--hop-sunken-treasure-900
#2f250d
--hop-koi-25
#fff5e9
--hop-koi-50
#ffe8d3
--hop-koi-75
#ffd8be
--hop-koi-100
#ffbf92
--hop-koi-200
#ff9b3f
--hop-koi-300
#e57723
--hop-koi-400
#c95109
--hop-koi-500
#ba4705
--hop-koi-600
#ab4104
--hop-koi-700
#8c3504
--hop-koi-800
#692803
--hop-koi-900
#451a02
--hop-amanita-25
#fdf6f6
--hop-amanita-50
#fde6e5
--hop-amanita-75
#ffd6d3
--hop-amanita-100
#ffbcb7
--hop-amanita-200
#ff8e8e
--hop-amanita-300
#fa4d59
--hop-amanita-400
#df3236
--hop-amanita-500
#cb2e31
--hop-amanita-600
#ba2d2d
--hop-amanita-700
#952927
--hop-amanita-800
#6c2320
--hop-amanita-900
#431a17
--hop-moss-25
#f4f9e9
--hop-moss-50
#e3f3b9
--hop-moss-75
#cde8ac
--hop-moss-100
#aad89d
--hop-moss-200
#7dc291
--hop-moss-300
#47a584
--hop-moss-400
#188a71
--hop-moss-500
#0c796b
--hop-moss-600
#0a6f64
--hop-moss-700
#115a52
--hop-moss-800
#16433d
--hop-moss-900
#132a27
--hop-abyss
#1d1d1c
--hop-rock-20
#fcfbfb
--hop-rock-25
#f8f6f3
--hop-rock-50
#ecebe8
--hop-rock-75
#e0dfdd
--hop-rock-100
#ccccca
--hop-rock-200
#b3b3b1
--hop-rock-300
#959593
--hop-rock-400
#777775
--hop-rock-500
#6c6c6b
--hop-rock-600
#636362
--hop-rock-700
#505050
--hop-rock-800
#3c3c3c
--hop-rock-900
#292929
--hop-samoyed
#ffffff