> For the complete documentation index, see [llms.txt](https://docs.kujira.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kujira.app/brand-assets/colors.md).

# Colors

### Primary Colors

Primary UI element colors across Kujira dApps

| HEX       | Name       | Preview                                                         |
| --------- | ---------- | --------------------------------------------------------------- |
| `#161721` | Black      | <img src="/files/J8liYrLzGbAP1QDvH7i6" alt="" data-size="line"> |
| `#22242f` | Dark Grey  | <img src="/files/X3DcjZbyJYHe4dU9O6Rl" alt="" data-size="line"> |
| `#607d8b` | Grey       | <img src="/files/wE1PEypQMQz8OkEBLgLH" alt="" data-size="line"> |
| `#90a4ae` | Light Grey | <img src="/files/ErYWjTkzQmBAqJVJcWLX" alt="" data-size="line"> |
| `#60fbd0` | Teal       | <img src="/files/qUaBH65pxaMC8dZLvAKY" alt="" data-size="line"> |
| `#1e92e6` | Blue       | <img src="/files/k8a7UImFDp8canuTyO87" alt="" data-size="line"> |
| `#1c6599` | Dark Blue  | <img src="/files/2rbyQ25saReFtuLMJYhe" alt="" data-size="line"> |

### Notification Colors

Used for warnings and notifications

| HEX       | Name             | Preview                                                         |
| --------- | ---------------- | --------------------------------------------------------------- |
| `#e53935` | Red (error)      | <img src="/files/AoPVPpxBSEhStes4KUmS" alt="" data-size="line"> |
| `#f57c00` | Orange (warning) | <img src="/files/LosfkVoarJpeAzrzT8U0" alt="" data-size="line"> |
| `#00c853` | Green (success)  | <img src="/files/QxJrQ5uFGV1DdUnw4PWk" alt="" data-size="line"> |

### Gradients

| Start     | End       | Preview                                                         |
| --------- | --------- | --------------------------------------------------------------- |
| `#1e92e6` | `#60fbd0` | <img src="/files/QsrHnFEKd5zFJMHbeeYA" alt="" data-size="line"> |
| `#22242f` | `#607d8b` | <img src="/files/o7E01vnb3PdCXeK1VwaX" alt="" data-size="line"> |
| `#ba000d` | `#ff5722` | <img src="/files/AvwnMzt0Fym1fpH8MxbR" alt="" data-size="line"> |