# Palette
URL: /foundations/color/palette
Source: https://github.com/daangn/seed-design/blob/dev/docs/content/foundations/color/palette.mdx



## Gray

## Chromatic

## Tokens

### Palette Colors

| Token | theme-light | theme-dark |
| --- | --- | --- |
| $color.palette.gray-00 | #ffffff | #000000 |
| $color.palette.gray-100 | #f7f8f9 | #16171b |
| $color.palette.gray-200 | #f3f4f5 | #1d2025 |
| $color.palette.gray-300 | #eeeff1 | #2b2e35 |
| $color.palette.gray-400 | #dcdee3 | #393d46 |
| $color.palette.gray-500 | #d1d3d8 | #5b606a |
| $color.palette.gray-600 | #b0b3ba | #868b94 |
| $color.palette.gray-700 | #868b94 | #b0b3ba |
| $color.palette.gray-800 | #555d6d | #dcdee3 |
| $color.palette.gray-900 | #2a3038 | #e9eaec |
| $color.palette.gray-1000 | #1a1c20 | #f3f4f5 |
| $color.palette.carrot-100 | #fff2ec | #31241f |
| $color.palette.carrot-200 | #ffe8db | #4b291c |
| $color.palette.carrot-300 | #ffd5c0 | #6b311c |
| $color.palette.carrot-400 | #ffb999 | #923600 |
| $color.palette.carrot-500 | #ff9364 | #bd4201 |
| $color.palette.carrot-600 | #ff6600 | #e65200 |
| $color.palette.carrot-700 | #e14d00 | #ff6600 |
| $color.palette.carrot-800 | #b93901 | #ff9e65 |
| $color.palette.carrot-900 | #862b00 | #eecebc |
| $color.palette.carrot-1000 | #471601 | #f4eeea |
| $color.palette.blue-100 | #eff6ff | #202742 |
| $color.palette.blue-200 | #e2edfc | #1e3352 |
| $color.palette.blue-300 | #cbdffa | #1a4275 |
| $color.palette.blue-400 | #aacefd | #0f559e |
| $color.palette.blue-500 | #85b8fd | #1964d8 |
| $color.palette.blue-600 | #5e98fe | #1e82eb |
| $color.palette.blue-700 | #217cf9 | #41a2f9 |
| $color.palette.blue-800 | #135fcd | #83bcf9 |
| $color.palette.blue-900 | #0b4596 | #b9d7fb |
| $color.palette.blue-1000 | #032451 | #e5f0fe |
| $color.palette.red-100 | #fdf0f0 | #322323 |
| $color.palette.red-200 | #fde7e7 | #4f2624 |
| $color.palette.red-300 | #fed4d2 | #742826 |
| $color.palette.red-400 | #feb7b3 | #a12621 |
| $color.palette.red-500 | #fe928d | #ca2319 |
| $color.palette.red-600 | #fc6a66 | #f73526 |
| $color.palette.red-700 | #fa342c | #ff6e60 |
| $color.palette.red-800 | #ca1d13 | #ffa299 |
| $color.palette.red-900 | #921708 | #f8c5c3 |
| $color.palette.red-1000 | #4a1209 | #fdf2f2 |
| $color.palette.green-100 | #edfaf6 | #202926 |
| $color.palette.green-200 | #d9f6e9 | #20362e |
| $color.palette.green-300 | #b9e9d2 | #20493b |
| $color.palette.green-400 | #7ddcb3 | #19604c |
| $color.palette.green-500 | #42c593 | #117956 |
| $color.palette.green-600 | #10ab7d | #1b946d |
| $color.palette.green-700 | #079171 | #22b27f |
| $color.palette.green-800 | #00745f | #35ce9a |
| $color.palette.green-900 | #075445 | #93e5c0 |
| $color.palette.green-1000 | #0a2b24 | #d4f6ef |
| $color.palette.yellow-100 | #fff7de | #302819 |
| $color.palette.yellow-200 | #fdefb9 | #413218 |
| $color.palette.yellow-300 | #fbdc65 | #543e15 |
| $color.palette.yellow-400 | #e9c647 | #714e15 |
| $color.palette.yellow-500 | #d4ab28 | #91601b |
| $color.palette.yellow-600 | #c49725 | #b6720d |
| $color.palette.yellow-700 | #9b7821 | #ca901c |
| $color.palette.yellow-800 | #755b22 | #dab156 |
| $color.palette.yellow-900 | #4f3e1f | #e5d49b |
| $color.palette.yellow-1000 | #2c2512 | #f7f0cd |
| $color.palette.purple-100 | #f5f3fe | #28213b |
| $color.palette.purple-200 | #efeafe | #3b2873 |
| $color.palette.purple-300 | #e1d8ff | #443081 |
| $color.palette.purple-400 | #d0c0ff | #5a3bb1 |
| $color.palette.purple-500 | #b8a1ff | #764fd9 |
| $color.palette.purple-600 | #9f84fb | #8e6bee |
| $color.palette.purple-700 | #8969ea | #a78df0 |
| $color.palette.purple-800 | #6d50cb | #beadf2 |
| $color.palette.purple-900 | #50379b | #d9cefa |
| $color.palette.purple-1000 | #29175d | #f0edfc |
| $color.palette.static-black | #000000 | #000000 |
| $color.palette.static-black-alpha-100 | #00000007 | #00000007 |
| $color.palette.static-black-alpha-200 | #0000000c | #0000000c |
| $color.palette.static-black-alpha-300 | #00000010 | #00000010 |
| $color.palette.static-black-alpha-400 | #00000021 | #00000021 |
| $color.palette.static-black-alpha-500 | #0000002c | #0000002c |
| $color.palette.static-black-alpha-600 | #0000004c | #0000004c |
| $color.palette.static-black-alpha-700 | #00000074 | #00000074 |
| $color.palette.static-black-alpha-800 | #000000a2 | #000000a2 |
| $color.palette.static-black-alpha-900 | #000000d0 | #000000d0 |
| $color.palette.static-black-alpha-1000 | #000000e3 | #000000e3 |
| $color.palette.static-white | #ffffff | #ffffff |
| $color.palette.static-white-alpha-50 | #ffffff0d | #ffffff0d |
| $color.palette.static-white-alpha-100 | #ffffff17 | #ffffff17 |
| $color.palette.static-white-alpha-200 | #ffffff20 | #ffffff20 |
| $color.palette.static-white-alpha-300 | #ffffff2e | #ffffff2e |
| $color.palette.static-white-alpha-400 | #ffffff3d | #ffffff3d |
| $color.palette.static-white-alpha-500 | #ffffff60 | #ffffff60 |
| $color.palette.static-white-alpha-600 | #ffffff8b | #ffffff8b |
| $color.palette.static-white-alpha-700 | #ffffffb3 | #ffffffb3 |
| $color.palette.static-white-alpha-800 | #ffffffde | #ffffffde |
| $color.palette.static-white-alpha-900 | #ffffffea | #ffffffea |
| $color.palette.static-white-alpha-1000 | #fffffff4 | #fffffff4 |

### Banner Colors

| Token | theme-light | theme-dark |
| --- | --- | --- |
| $color.banner.blue | #e1f7ff | #0d2a3a |
| $color.banner.cool-gray | #ebf1f5 | #242c33 |
| $color.banner.green | #f0fbe5 | #1e361c |
| $color.banner.orange | #fff2e1 | #42230a |
| $color.banner.pink | #ffebf1 | #3b172c |
| $color.banner.purple | #f5ecff | #2e1e45 |
| $color.banner.red | #ffecee | #3a0f15 |
| $color.banner.teal | #e6faf6 | #143633 |
| $color.banner.warm-gray | #f2f0ee | #2f2b27 |
| $color.banner.yellow | #fffae1 | #3e2b00 |