# Colors

### Primary Colors

Primary UI element colors across Kujira dApps

| HEX       | Name       | Preview                                                                                                                                                                                                                                                         |
| --------- | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `#161721` | Black      | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FC4ZY6AU9huYtuf9Yg5ho%2Fcolor-black.png?alt=media&#x26;token=d0ddc581-e3e8-4959-9c0c-8c3eb3ed4c1e" alt="" data-size="line">     |
| `#22242f` | Dark Grey  | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FoGxpMblvIVaAx6wK8Uoe%2Fcolor-darkgrey.png?alt=media&#x26;token=c320205d-01d7-48fa-8cf9-43a4d34f5183" alt="" data-size="line">  |
| `#607d8b` | Grey       | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FTtZg3IYDd4HEd1Rx7QbZ%2Fcolor-grey.png?alt=media&#x26;token=b2a53085-99c6-4f7a-96bb-1dc29ffe3296" alt="" data-size="line">      |
| `#90a4ae` | Light Grey | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FecTXzoTMMJtIZCcpZ9Su%2Fcolor-lightgrey.png?alt=media&#x26;token=d3d7ec12-46fd-40df-9f87-cfa09cf2bec3" alt="" data-size="line"> |
| `#60fbd0` | Teal       | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2F6DzTZU7aDWlvJRqHfljd%2Fcolor-teal.png?alt=media&#x26;token=8aa170ee-9399-411f-9446-b05e8bd2deeb" alt="" data-size="line">      |
| `#1e92e6` | Blue       | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FkXMWOuB180sTVySNonZB%2Fcolor-blue.png?alt=media&#x26;token=2b84fb5c-62dd-444d-823b-6ae9b54550aa" alt="" data-size="line">      |
| `#1c6599` | Dark Blue  | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FAiL0hyplEGITc4UhkT6O%2Fcolor-darkblue.png?alt=media&#x26;token=effdcc84-1d48-420d-be3e-85531e0b3b8e" alt="" data-size="line">  |

### Notification Colors

Used for warnings and notifications

| HEX       | Name             | Preview                                                                                                                                                                                                                                                      |
| --------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `#e53935` | Red (error)      | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FrT4SWT5iZbMVNuGPjE1K%2Fcolor-red.png?alt=media&#x26;token=37b1ffc6-0d8a-4e82-a1cc-2a7534642617" alt="" data-size="line">    |
| `#f57c00` | Orange (warning) | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2Fja2XH6oRotNZLzk0Qyd1%2Fcolor-orange.png?alt=media&#x26;token=6f668eaf-f2e0-4c6d-94d5-082e2a693ad4" alt="" data-size="line"> |
| `#00c853` | Green (success)  | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FPO9AxC2IYbvlQ5icJdXP%2Fcolor-green.png?alt=media&#x26;token=11e7d6f6-e3ad-410e-9c31-e40b331a9556" alt="" data-size="line">  |

### Gradients

| Start     | End       | Preview                                                                                                                                                                                                                                                       |
| --------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `#1e92e6` | `#60fbd0` | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2FmneRJMpCxfSGe99aDdjf%2Fgradient-blue.png?alt=media&#x26;token=2b661b2f-84c2-4d49-beb2-cb219784fd9f" alt="" data-size="line"> |
| `#22242f` | `#607d8b` | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2Fl54H81bdyAoMxWz02ANh%2Fgradient-grey.png?alt=media&#x26;token=a3cfdb57-2922-4675-9892-78c5c93650ba" alt="" data-size="line"> |
| `#ba000d` | `#ff5722` | <img src="https://269003845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyPeco0BDFBM85kKY4Hkl%2Fuploads%2Fs3mrYQBM8W0YJRZvaBCP%2Fgradient-red.png?alt=media&#x26;token=26809deb-1ed3-43e8-be1d-2a5f6f492ffb" alt="" data-size="line">  |