Color
Tokens
Name | Value | Preview |
---|---|---|
--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 |