Color
AI Tip Want to skip the docs? Use the MCP Server
Tokens
| Name | Styled-System Value | Value | Preview |
|---|---|---|---|
--hop-coastal-25 | core_coastal-25 | #f0f8ff | |
--hop-coastal-50 | core_coastal-50 | #d9efff | |
--hop-coastal-75 | core_coastal-75 | #bae6ff | |
--hop-coastal-100 | core_coastal-100 | #9fd2f7 | |
--hop-coastal-200 | core_coastal-200 | #81b9e4 | |
--hop-coastal-300 | core_coastal-300 | #5d9acd | |
--hop-coastal-400 | core_coastal-400 | #3a7bb2 | |
--hop-coastal-500 | core_coastal-500 | #2e70a8 | |
--hop-coastal-600 | core_coastal-600 | #23669f | |
--hop-coastal-700 | core_coastal-700 | #0a538b | |
--hop-coastal-800 | core_coastal-800 | #003d70 | |
--hop-coastal-900 | core_coastal-900 | #00274b | |
--hop-quetzal-25 | core_quetzal-25 | #ddfdf9 | |
--hop-quetzal-50 | core_quetzal-50 | #cff4ef | |
--hop-quetzal-75 | core_quetzal-75 | #bde8e1 | |
--hop-quetzal-100 | core_quetzal-100 | #a3d6cb | |
--hop-quetzal-200 | core_quetzal-200 | #83beaf | |
--hop-quetzal-300 | core_quetzal-300 | #5da18c | |
--hop-quetzal-400 | core_quetzal-400 | #38836a | |
--hop-quetzal-500 | core_quetzal-500 | #2b795e | |
--hop-quetzal-600 | core_quetzal-600 | #206f54 | |
--hop-quetzal-700 | core_quetzal-700 | #055c41 | |
--hop-quetzal-800 | core_quetzal-800 | #00452d | |
--hop-quetzal-900 | core_quetzal-900 | #002d1c | |
--hop-orchid-bloom-25 | core_orchid-bloom-25 | #f6f5ff | |
--hop-orchid-bloom-50 | core_orchid-bloom-50 | #eae9fb | |
--hop-orchid-bloom-75 | core_orchid-bloom-75 | #ddddf7 | |
--hop-orchid-bloom-100 | core_orchid-bloom-100 | #c8caf0 | |
--hop-orchid-bloom-200 | core_orchid-bloom-200 | #aeb3e8 | |
--hop-orchid-bloom-300 | core_orchid-bloom-300 | #8d91dc | |
--hop-orchid-bloom-400 | core_orchid-bloom-400 | #6b6ecc | |
--hop-orchid-bloom-500 | core_orchid-bloom-500 | #5f61c5 | |
--hop-orchid-bloom-600 | core_orchid-bloom-600 | #5454be | |
--hop-orchid-bloom-700 | core_orchid-bloom-700 | #433fac | |
--hop-orchid-bloom-800 | core_orchid-bloom-800 | #322b8d | |
--hop-orchid-bloom-900 | core_orchid-bloom-900 | #1e1c5d | |
--hop-persimmon-25 | core_persimmon-25 | #fff5f2 | |
--hop-persimmon-50 | core_persimmon-50 | #ffe7df | |
--hop-persimmon-75 | core_persimmon-75 | #ffd8ca | |
--hop-persimmon-100 | core_persimmon-100 | #ffbda7 | |
--hop-persimmon-200 | core_persimmon-200 | #ff9874 | |
--hop-persimmon-300 | core_persimmon-300 | #ff5b22 | |
--hop-persimmon-400 | core_persimmon-400 | #dd3900 | |
--hop-persimmon-500 | core_persimmon-500 | #ca3400 | |
--hop-persimmon-600 | core_persimmon-600 | #ba3000 | |
--hop-persimmon-700 | core_persimmon-700 | #982700 | |
--hop-persimmon-800 | core_persimmon-800 | #731e00 | |
--hop-persimmon-900 | core_persimmon-900 | #4c1300 | |
--hop-sapphire-25 | core_sapphire-25 | #f5f6ff | |
--hop-sapphire-50 | core_sapphire-50 | #e6ebff | |
--hop-sapphire-75 | core_sapphire-75 | #d6e0ff | |
--hop-sapphire-100 | core_sapphire-100 | #b9cbff | |
--hop-sapphire-200 | core_sapphire-200 | #95b1ff | |
--hop-sapphire-300 | core_sapphire-300 | #6c8ffd | |
--hop-sapphire-400 | core_sapphire-400 | #4767fe | |
--hop-sapphire-500 | core_sapphire-500 | #3b57ff | |
--hop-sapphire-600 | core_sapphire-600 | #2a43e8 | |
--hop-sapphire-700 | core_sapphire-700 | #2040c7 | |
--hop-sapphire-800 | core_sapphire-800 | #1b3587 | |
--hop-sapphire-900 | core_sapphire-900 | #152450 | |
--hop-fog-25 | core_fog-25 | #f2f8fa | |
--hop-fog-50 | core_fog-50 | #e1eef1 | |
--hop-fog-75 | core_fog-75 | #d2e3e7 | |
--hop-fog-100 | core_fog-100 | #bad0d5 | |
--hop-fog-200 | core_fog-200 | #9cb7be | |
--hop-fog-300 | core_fog-300 | #7c9aa3 | |
--hop-fog-400 | core_fog-400 | #5e7b84 | |
--hop-fog-500 | core_fog-500 | #557079 | |
--hop-fog-600 | core_fog-600 | #4e6770 | |
--hop-fog-700 | core_fog-700 | #40535a | |
--hop-fog-800 | core_fog-800 | #313e43 | |
--hop-fog-900 | core_fog-900 | #20282a | |
--hop-iris-25 | core_iris-25 | #f6f6ff | |
--hop-iris-50 | core_iris-50 | #eceaff | |
--hop-iris-75 | core_iris-75 | #deddff | |
--hop-iris-100 | core_iris-100 | #c3bcff | |
--hop-iris-200 | core_iris-200 | #b4abff | |
--hop-iris-300 | core_iris-300 | #8e85ec | |
--hop-iris-400 | core_iris-400 | #736ad2 | |
--hop-iris-500 | core_iris-500 | #685dc9 | |
--hop-iris-600 | core_iris-600 | #6057b3 | |
--hop-iris-700 | core_iris-700 | #4d468f | |
--hop-iris-800 | core_iris-800 | #3b356c | |
--hop-iris-900 | core_iris-900 | #292362 | |
--hop-toad-25 | core_toad-25 | #fef6ef | |
--hop-toad-50 | core_toad-50 | #f0eae3 | |
--hop-toad-75 | core_toad-75 | #e5ded6 | |
--hop-toad-100 | core_toad-100 | #d4cbc0 | |
--hop-toad-200 | core_toad-200 | #bdb1a3 | |
--hop-toad-300 | core_toad-300 | #a19382 | |
--hop-toad-400 | core_toad-400 | #837463 | |
--hop-toad-500 | core_toad-500 | #776a59 | |
--hop-toad-600 | core_toad-600 | #6e6151 | |
--hop-toad-700 | core_toad-700 | #594f41 | |
--hop-toad-800 | core_toad-800 | #433b31 | |
--hop-toad-900 | core_toad-900 | #2a2620 | |
--hop-sunken-treasure-25 | core_sunken-treasure-25 | #fff8d6 | |
--hop-sunken-treasure-50 | core_sunken-treasure-50 | #fff2b8 | |
--hop-sunken-treasure-75 | core_sunken-treasure-75 | #f7e694 | |
--hop-sunken-treasure-100 | core_sunken-treasure-100 | #eac96d | |
--hop-sunken-treasure-200 | core_sunken-treasure-200 | #e2a934 | |
--hop-sunken-treasure-300 | core_sunken-treasure-300 | #c28b12 | |
--hop-sunken-treasure-400 | core_sunken-treasure-400 | #996f08 | |
--hop-sunken-treasure-500 | core_sunken-treasure-500 | #8b6609 | |
--hop-sunken-treasure-600 | core_sunken-treasure-600 | #7e5e0a | |
--hop-sunken-treasure-700 | core_sunken-treasure-700 | #654c0d | |
--hop-sunken-treasure-800 | core_sunken-treasure-800 | #4b390f | |
--hop-sunken-treasure-900 | core_sunken-treasure-900 | #2f250d | |
--hop-koi-25 | core_koi-25 | #fff5e9 | |
--hop-koi-50 | core_koi-50 | #ffe8d3 | |
--hop-koi-75 | core_koi-75 | #ffd8be | |
--hop-koi-100 | core_koi-100 | #ffbf92 | |
--hop-koi-200 | core_koi-200 | #ff9b3f | |
--hop-koi-300 | core_koi-300 | #e57723 | |
--hop-koi-400 | core_koi-400 | #c95109 | |
--hop-koi-500 | core_koi-500 | #ba4705 | |
--hop-koi-600 | core_koi-600 | #ab4104 | |
--hop-koi-700 | core_koi-700 | #8c3504 | |
--hop-koi-800 | core_koi-800 | #692803 | |
--hop-koi-900 | core_koi-900 | #451a02 | |
--hop-limeburst-25 | core_limeburst-25 | #edffbc | |
--hop-limeburst-50 | core_limeburst-50 | #ccff42 | |
--hop-limeburst-75 | core_limeburst-75 | #b3f400 | |
--hop-limeburst-100 | core_limeburst-100 | #a3df00 | |
--hop-limeburst-200 | core_limeburst-200 | #8fc300 | |
--hop-limeburst-300 | core_limeburst-300 | #77a300 | |
--hop-limeburst-400 | core_limeburst-400 | #5f8100 | |
--hop-limeburst-500 | core_limeburst-500 | #577600 | |
--hop-limeburst-600 | core_limeburst-600 | #4f6c00 | |
--hop-limeburst-700 | core_limeburst-700 | #415800 | |
--hop-limeburst-800 | core_limeburst-800 | #304200 | |
--hop-limeburst-900 | core_limeburst-900 | #1f2b00 | |
--hop-amanita-25 | core_amanita-25 | #fdf6f6 | |
--hop-amanita-50 | core_amanita-50 | #fde6e5 | |
--hop-amanita-75 | core_amanita-75 | #ffd6d3 | |
--hop-amanita-100 | core_amanita-100 | #ffbcb7 | |
--hop-amanita-200 | core_amanita-200 | #ff8e8e | |
--hop-amanita-300 | core_amanita-300 | #fa4d59 | |
--hop-amanita-400 | core_amanita-400 | #df3236 | |
--hop-amanita-500 | core_amanita-500 | #cb2e31 | |
--hop-amanita-600 | core_amanita-600 | #ba2d2d | |
--hop-amanita-700 | core_amanita-700 | #952927 | |
--hop-amanita-800 | core_amanita-800 | #6c2320 | |
--hop-amanita-900 | core_amanita-900 | #431a17 | |
--hop-moss-25 | core_moss-25 | #f4f9e9 | |
--hop-moss-50 | core_moss-50 | #e3f3b9 | |
--hop-moss-75 | core_moss-75 | #cde8ac | |
--hop-moss-100 | core_moss-100 | #aad89d | |
--hop-moss-200 | core_moss-200 | #7dc291 | |
--hop-moss-300 | core_moss-300 | #47a584 | |
--hop-moss-400 | core_moss-400 | #188a71 | |
--hop-moss-500 | core_moss-500 | #0c796b | |
--hop-moss-600 | core_moss-600 | #0a6f64 | |
--hop-moss-700 | core_moss-700 | #115a52 | |
--hop-moss-800 | core_moss-800 | #16433d | |
--hop-moss-900 | core_moss-900 | #132a27 | |
--hop-abyss | core_abyss | #1d1d1c | |
--hop-rock-20 | core_rock-20 | #fafbfc | |
--hop-rock-25 | core_rock-25 | #f8f9fa | |
--hop-rock-50 | core_rock-50 | #eef0f2 | |
--hop-rock-75 | core_rock-75 | #e1e3e7 | |
--hop-rock-100 | core_rock-100 | #cbcdd2 | |
--hop-rock-200 | core_rock-200 | #b3b5ba | |
--hop-rock-300 | core_rock-300 | #96989d | |
--hop-rock-400 | core_rock-400 | #787a7e | |
--hop-rock-500 | core_rock-500 | #6c6e72 | |
--hop-rock-600 | core_rock-600 | #5e6064 | |
--hop-rock-700 | core_rock-700 | #484a4d | |
--hop-rock-800 | core_rock-800 | #313335 | |
--hop-rock-900 | core_rock-900 | #232426 | |
--hop-samoyed | core_samoyed | #ffffff |