Skip to content

Instantly share code, notes, and snippets.

@dylangrijalva

dylangrijalva/colors.xml

Created March 9, 2024 03:19
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dylangrijalva/c86a9509f8b6c1ef0c56dbcadf55ba1b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dylangrijalva/c86a9509f8b6c1ef0c56dbcadf55ba1b to your computer and use it in GitHub Desktop.
Download ZIP
Vercel Geist Design System Colors
Raw
colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="white">#ffffff</color>
<color name="dark_background_1">#0A0A0A</color>
<color name="dark_background_2">#000000</color>
<color name="dark_gray_100">#1A1A1A</color>
<color name="dark_gray_200">#1F1F1F</color>
<color name="dark_gray_300">#292929</color>
<color name="dark_gray_400">#2E2E2E</color>
<color name="dark_gray_500">#454545</color>
<color name="dark_gray_600">#878787</color>
<color name="dark_gray_700">#8F8F8F</color>
<color name="dark_gray_800">#7D7D7D</color>
<color name="dark_gray_900">#A1A1A1</color>
<color name="dark_gray_1000">#EDEDED</color>
<color name="dark_gray_alpha_100">#0F0F0F</color>
<color name="dark_gray_alpha_200">#171717</color>
<color name="dark_gray_alpha_300">#212121</color>
<color name="dark_gray_alpha_400">#242424</color>
<color name="dark_gray_alpha_500">#3D3D3D</color>
<color name="dark_gray_alpha_600">#828282</color>
<color name="dark_gray_alpha_700">#8A8A8A</color>
<color name="dark_gray_alpha_800">#787878</color>
<color name="dark_gray_alpha_900">#9C9C9C</color>
<color name="dark_gray_alpha_1000">#EBEBEB</color>
<color name="dark_blue_100">#0F1C2E</color>
<color name="dark_blue_200">#10233D</color>
<color name="dark_blue_300">#0F2F57</color>
<color name="dark_blue_400">#0D3868</color>
<color name="dark_blue_500">#0A4380</color>
<color name="dark_blue_600">#0091FF</color>
<color name="dark_blue_700">#0072F5</color>
<color name="dark_blue_800">#0062D1</color>
<color name="dark_blue_900">#52A8FF</color>
<color name="dark_blue_1000">#EBF6FF</color>
<color name="dark_red_100">#2A1314</color>
<color name="dark_red_200">#3C1618</color>
<color name="dark_red_300">#561A1E</color>
<color name="dark_red_400">#671E21</color>
<color name="dark_red_500">#832126</color>
<color name="dark_red_600">#E5484D</color>
<color name="dark_red_700">#E5484D</color>
<color name="dark_red_800">#D93036</color>
<color name="dark_red_900">#FF6166</color>
<color name="dark_red_1000">#FEECEE</color>
<color name="dark_amber_100">#291800</color>
<color name="dark_amber_200">#331B00</color>
<color name="dark_amber_300">#4D2A00</color>
<color name="dark_amber_400">#573300</color>
<color name="dark_amber_500">#6B4105</color>
<color name="dark_amber_600">#E79D13</color>
<color name="dark_amber_700">#FFB224</color>
<color name="dark_amber_800">#FF990A</color>
<color name="dark_amber_900">#FF990A</color>
<color name="dark_amber_1000">#FEF3DC</color>
<color name="dark_green_100">#0B2212</color>
<color name="dark_green_200">#0F2E18</color>
<color name="dark_green_300">#12361B</color>
<color name="dark_green_400">#0C451B</color>
<color name="dark_green_500">#126426</color>
<color name="dark_green_600">#1A9338</color>
<color name="dark_green_700">#45A557</color>
<color name="dark_green_800">#398E4A</color>
<color name="dark_green_900">#62C073</color>
<color name="dark_green_1000">#E5FBEA</color>
<color name="dark_teal_100">#04201B</color>
<color name="dark_teal_200">#062822</color>
<color name="dark_teal_300">#083A33</color>
<color name="dark_teal_400">#053D35</color>
<color name="dark_teal_500">#085E53</color>
<color name="dark_teal_600">#0C9784</color>
<color name="dark_teal_700">#12A594</color>
<color name="dark_teal_800">#0D8C7D</color>
<color name="dark_teal_900">#0AC7B4</color>
<color name="dark_teal_1000">#E0FAF4</color>
<color name="dark_purple_100">#231528</color>
<color name="dark_purple_200">#2E1938</color>
<color name="dark_purple_300">#422154</color>
<color name="dark_purple_400">#4F2768</color>
<color name="dark_purple_500">#5F2E85</color>
<color name="dark_purple_600">#8E4EC6</color>
<color name="dark_purple_700">#8E4EC6</color>
<color name="dark_purple_800">#763DA9</color>
<color name="dark_purple_900">#BF7AF0</color>
<color name="dark_purple_1000">#F8EDFC</color>
<color name="dark_pink_100">#28151D</color>
<color name="dark_pink_200">#3A1726</color>
<color name="dark_pink_300">#4F1C31</color>
<color name="dark_pink_400">#551B33</color>
<color name="dark_pink_500">#6C1E3E</color>
<color name="dark_pink_600">#B31A57</color>
<color name="dark_pink_700">#EA3E83</color>
<color name="dark_pink_1000">#FEECF4</color>
<color name="dark_pink_800">#DF2670</color>
<color name="dark_pink_900">#F75F8F</color>
<color name="light_background_1">#FFFFFF</color>
<color name="light_background_2">#FAFAFA</color>
<color name="light_gray_100">#F2F2F2</color>
<color name="light_gray_200">#EBEBEB</color>
<color name="light_gray_300">#E6E6E6</color>
<color name="light_gray_400">#EBEBEB</color>
<color name="light_gray_500">#C9C9C9</color>
<color name="light_gray_600">#A8A8A8</color>
<color name="light_gray_700">#8F8F8F</color>
<color name="light_gray_800">#7D7D7D</color>
<color name="light_gray_900">#666666</color>
<color name="light_gray_1000">#171717</color>
<color name="light_gray_alpha_100">#EDEDED</color>
<color name="light_gray_alpha_200">#E6E6E6</color>
<color name="light_gray_alpha_300">#E1E1E1</color>
<color name="light_gray_alpha_400">#EBEBEB</color>
<color name="light_gray_alpha_500">#C5C5C5</color>
<color name="light_gray_alpha_600">#A5A5A5</color>
<color name="light_gray_alpha_700">#8D8D8D</color>
<color name="light_gray_alpha_800">#7A7A7A</color>
<color name="light_gray_alpha_900">#616161</color>
<color name="light_gray_alpha_1000">#161616</color>
<color name="light_blue_100">#F0F7FF</color>
<color name="light_blue_200">#EBF5FF</color>
<color name="light_blue_300">#E0F0FF</color>
<color name="light_blue_400">#CCE6FF</color>
<color name="light_blue_500">#99CEFF</color>
<color name="light_blue_600">#52AEFF</color>
<color name="light_blue_700">#0072F5</color>
<color name="light_blue_800">#0062D1</color>
<color name="light_blue_900">#0068D6</color>
<color name="light_blue_1000">#00254D</color>
<color name="light_red_100">#FFF0F0</color>
<color name="light_red_200">#FFEBEB</color>
<color name="light_red_300">#FFE6E6</color>
<color name="light_red_400">#FDD8D8</color>
<color name="light_red_500">#F8B9B9</color>
<color name="light_red_600">#F87275</color>
<color name="light_red_700">#E5484D</color>
<color name="light_red_800">#DA2F35</color>
<color name="light_red_900">#CB2A2F</color>
<color name="light_red_1000">#391417</color>
<color name="light_amber_100">#FFF6E6</color>
<color name="light_amber_200">#FFF4D6</color>
<color name="light_amber_300">#FEF0CD</color>
<color name="light_amber_400">#FFDD8F</color>
<color name="light_amber_500">#FFC96B</color>
<color name="light_amber_600">#F5B047</color>
<color name="light_amber_700">#FFB224</color>
<color name="light_amber_800">#FF990A</color>
<color name="light_amber_900">#A35200</color>
<color name="light_amber_1000">#4E2009</color>
<color name="light_green_100">#EFFBEF</color>
<color name="light_green_200">#EBFAEB</color>
<color name="light_green_300">#DAF6DA</color>
<color name="light_green_400">#C6F1C7</color>
<color name="light_green_500">#99E69E</color>
<color name="light_green_600">#6CDA75</color>
<color name="light_green_700">#45A557</color>
<color name="light_green_800">#398E4A</color>
<color name="light_green_900">#297A3A</color>
<color name="light_green_1000">#1B311E</color>
<color name="light_teal_100">#EEFCF9</color>
<color name="light_teal_200">#E5FAF6</color>
<color name="light_teal_300">#D4F7F0</color>
<color name="light_teal_400">#BEF4EB</color>
<color name="light_teal_500">#86EAD9</color>
<color name="light_teal_600">#45DEC5</color>
<color name="light_teal_700">#12A594</color>
<color name="light_teal_800">#0D8C7D</color>
<color name="light_teal_900">#067A6E</color>
<color name="light_teal_1000">#073C34</color>
<color name="light_purple_100">#F9F0FF</color>
<color name="light_purple_200">#F9F1FE</color>
<color name="light_purple_300">#F4E8FC</color>
<color name="light_purple_400">#EDDCF9</color>
<color name="light_purple_500">#D5B1F1</color>
<color name="light_purple_600">#BF89EC</color>
<color name="light_purple_700">#8E4EC6</color>
<color name="light_purple_800">#763DA9</color>
<color name="light_purple_900">#7820BC</color>
<color name="light_purple_1000">#2E004D</color>
<color name="light_pink_100">#FFEBF5</color>
<color name="light_pink_200">#FEECF2</color>
<color name="light_pink_300">#FCE3EC</color>
<color name="light_pink_400">#FAFAFA</color>
<color name="light_pink_500">#FAFAFA</color>
<color name="light_pink_600">#EE87A7</color>
<color name="light_pink_700">#EA3E83</color>
<color name="light_pink_800">#DF2670</color>
<color name="light_pink_900">#BD2864</color>
<color name="light_pink_1000">#430A23</color>
<array name="blueish_gradient">
<item>#007cf0</item>
<item>#00dfd8</item>
</array>
<array name="pinkish_gradient">
<item>#7928ca</item>
<item>#ff0080</item>
</array>
<array name="yellowish_gradient">
<item>#ff4d4d</item>
<item>#f9cb28</item>
</array>
</resources>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment