# Color
URL: /docs/tokens/color

컬러 토큰은 브랜드의 정체성과 사용자 경험을 지원하는 다양한 색상을 정의합니다.

| token                                     | value   |
| ----------------------------------------- | ------- |
| --vapor-color-black                       | #000000 |
| --vapor-color-white                       | #ffffff |
| --vapor-color-gray-100                    | #f0f0f5 |
| --vapor-color-gray-200                    | #e8e8ee |
| --vapor-color-gray-300                    | #e1e1e8 |
| --vapor-color-gray-400                    | #cdced6 |
| --vapor-color-gray-500                    | #8c8f9f |
| --vapor-color-gray-600                    | #6c6e7e |
| --vapor-color-gray-700                    | #525463 |
| --vapor-color-gray-800                    | #3e404c |
| --vapor-color-gray-900                    | #2b2d36 |
| --vapor-color-gray-950                    | #252730 |
| --vapor-color-gray-000                    | #ffffff |
| --vapor-color-gray-050                    | #f7f7fa |
| --vapor-color-red-100                     | #f9d6d7 |
| --vapor-color-red-200                     | #f2adaf |
| --vapor-color-red-300                     | #ec8587 |
| --vapor-color-red-400                     | #e55c5f |
| --vapor-color-red-500                     | #df3337 |
| --vapor-color-red-600                     | #be2b2f |
| --vapor-color-red-700                     | #9c2427 |
| --vapor-color-red-800                     | #861f21 |
| --vapor-color-red-900                     | #701a1c |
| --vapor-color-red-050                     | #fcebeb |
| --vapor-color-pink-100                    | #f8d5e3 |
| --vapor-color-pink-200                    | #f0acc7 |
| --vapor-color-pink-300                    | #e982ac |
| --vapor-color-pink-400                    | #e15990 |
| --vapor-color-pink-500                    | #da2f74 |
| --vapor-color-pink-600                    | #b92863 |
| --vapor-color-pink-700                    | #992151 |
| --vapor-color-pink-800                    | #831c46 |
| --vapor-color-pink-900                    | #6d183a |
| --vapor-color-pink-050                    | #fbeaf1 |
| --vapor-color-grape-100                   | #f2d5f9 |
| --vapor-color-grape-200                   | #e5abf3 |
| --vapor-color-grape-300                   | #d880ee |
| --vapor-color-grape-400                   | #cb56e8 |
| --vapor-color-grape-500                   | #be2ce2 |
| --vapor-color-grape-600                   | #a225c0 |
| --vapor-color-grape-700                   | #851f9e |
| --vapor-color-grape-800                   | #721a88 |
| --vapor-color-grape-900                   | #5f1671 |
| --vapor-color-grape-050                   | #f8eafc |
| --vapor-color-violet-100                  | #e7ddfe |
| --vapor-color-violet-200                  | #cfbbfd |
| --vapor-color-violet-300                  | #b798fb |
| --vapor-color-violet-400                  | #9f76fa |
| --vapor-color-violet-500                  | #8754f9 |
| --vapor-color-violet-600                  | #7347d4 |
| --vapor-color-violet-700                  | #5f3bae |
| --vapor-color-violet-800                  | #513295 |
| --vapor-color-violet-900                  | #442a7d |
| --vapor-color-violet-050                  | #f3eefe |
| --vapor-color-blue-100                    | #d4e2fd |
| --vapor-color-blue-200                    | #aac5fa |
| --vapor-color-blue-300                    | #7fa9f8 |
| --vapor-color-blue-400                    | #558cf5 |
| --vapor-color-blue-500                    | #2a6ff3 |
| --vapor-color-blue-600                    | #245ecf |
| --vapor-color-blue-700                    | #1d4eaa |
| --vapor-color-blue-800                    | #194392 |
| --vapor-color-blue-900                    | #15387a |
| --vapor-color-blue-050                    | #eaf1fe |
| --vapor-color-cyan-100                    | #cfe6ec |
| --vapor-color-cyan-200                    | #9fcdd9 |
| --vapor-color-cyan-300                    | #6eb3c6 |
| --vapor-color-cyan-400                    | #3e9ab3 |
| --vapor-color-cyan-500                    | #0e81a0 |
| --vapor-color-cyan-600                    | #0c6e88 |
| --vapor-color-cyan-700                    | #0a5a70 |
| --vapor-color-cyan-800                    | #084d60 |
| --vapor-color-cyan-900                    | #074150 |
| --vapor-color-cyan-050                    | #e7f2f5 |
| --vapor-color-green-100                   | #cee7e3 |
| --vapor-color-green-200                   | #9dcfc7 |
| --vapor-color-green-300                   | #6cb6aa |
| --vapor-color-green-400                   | #3b9e8e |
| --vapor-color-green-500                   | #0a8672 |
| --vapor-color-green-600                   | #097261 |
| --vapor-color-green-700                   | #075e50 |
| --vapor-color-green-800                   | #065044 |
| --vapor-color-green-900                   | #054339 |
| --vapor-color-green-050                   | #e6f3f1 |
| --vapor-color-lime-100                    | #e9f6d4 |
| --vapor-color-lime-200                    | #d2eda9 |
| --vapor-color-lime-300                    | #bce57d |
| --vapor-color-lime-400                    | #a5dc52 |
| --vapor-color-lime-500                    | #8fd327 |
| --vapor-color-lime-600                    | #7ab321 |
| --vapor-color-lime-700                    | #64941b |
| --vapor-color-lime-800                    | #567f17 |
| --vapor-color-lime-900                    | #486a14 |
| --vapor-color-lime-050                    | #f4fbe9 |
| --vapor-color-yellow-100                  | #fef1cc |
| --vapor-color-yellow-200                  | #fde499 |
| --vapor-color-yellow-300                  | #fcd666 |
| --vapor-color-yellow-400                  | #fbc933 |
| --vapor-color-yellow-500                  | #fabb00 |
| --vapor-color-yellow-600                  | #d59f00 |
| --vapor-color-yellow-700                  | #af8300 |
| --vapor-color-yellow-800                  | #967000 |
| --vapor-color-yellow-900                  | #7d5e00 |
| --vapor-color-yellow-050                  | #fef8e5 |
| --vapor-color-orange-100                  | #f6dbcd |
| --vapor-color-orange-200                  | #edb69b |
| --vapor-color-orange-300                  | #e39269 |
| --vapor-color-orange-400                  | #da6d37 |
| --vapor-color-orange-500                  | #d14905 |
| --vapor-color-orange-600                  | #b23e04 |
| --vapor-color-orange-700                  | #923304 |
| --vapor-color-orange-800                  | #7d2c03 |
| --vapor-color-orange-900                  | #692503 |
| --vapor-color-orange-050                  | #faede6 |
| --vapor-color-background-primary          | #2a6ff3 |
| --vapor-color-background-secondary        | #e8e8ee |
| --vapor-color-background-success          | #0a8672 |
| --vapor-color-background-warning          | #d14905 |
| --vapor-color-background-danger           | #df3337 |
| --vapor-color-background-hint             | #6c6e7e |
| --vapor-color-background-contrast         | #3e404c |
| --vapor-color-background-normal           | #ffffff |
| --vapor-color-background-normal-lighter   | #ffffff |
| --vapor-color-background-normal-darker    | #f7f7fa |
| --vapor-color-foreground-primary          | #245ecf |
| --vapor-color-foreground-primary-darker   | #1d4eaa |
| --vapor-color-foreground-secondary        | #3e404c |
| --vapor-color-foreground-secondary-darker | #2b2d36 |
| --vapor-color-foreground-success          | #097261 |
| --vapor-color-foreground-success-darker   | #075e50 |
| --vapor-color-foreground-warning          | #b23e04 |
| --vapor-color-foreground-warning-darker   | #923304 |
| --vapor-color-foreground-danger           | #be2b2f |
| --vapor-color-foreground-danger-darker    | #9c2427 |
| --vapor-color-foreground-hint             | #6c6e7e |
| --vapor-color-foreground-hint-darker      | #525463 |
| --vapor-color-foreground-contrast         | #3e404c |
| --vapor-color-foreground-contrast-darker  | #2b2d36 |
| --vapor-color-foreground-accent           | #ffffff |
| --vapor-color-foreground-normal           | #2b2d36 |
| --vapor-color-foreground-normal-lighter   | #525463 |
| --vapor-color-border-normal               | #e1e1e8 |
| --vapor-color-border-primary              | #2a6ff3 |
| --vapor-color-border-secondary            | #e8e8ee |
| --vapor-color-border-success              | #0a8672 |
| --vapor-color-border-warning              | #d14905 |
| --vapor-color-border-danger               | #df3337 |
| --vapor-color-border-hint                 | #6c6e7e |
| --vapor-color-border-contrast             | #3e404c |
| --vapor-color-logo-normal                 | #2b2d36 |
