> For the complete documentation index, see [llms.txt](https://design.novacura.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://design.novacura.com/color-palette.md).

# Color Palette

This page shows you how to access our color palette and information about its content.

## Accessing our color palette

The color palette we have put together is a set of colors that we encourage you to choose from when applying colors to our UI. They should not limit or hinder you but inspire you to create beautiful experiences. As with everything in our design system, see them as a box of things to play around with.

We've created our color palette in Lingo, a web-based asset tool for teams. It has two major sections, **standard** and **extended.** Access our color palette by clicking on the Lingo link below ([credentials](https://teams.microsoft.com/l/entity/com.microsoft.teamspace.tab.wiki/tab::2eb45d6d-0309-4be2-9868-727ab7cd29cb?context=%7B%22subEntityId%22%3A%22%7B%5C%22pageId%5C%22%3A25%2C%5C%22sectionId%5C%22%3A48%2C%5C%22origin%5C%22%3A2%7D%22%2C%22channelId%22%3A%2219%3A16ad42f450364856b23dfa12f336c027%40thread.skype%22%7D\&tenantId=64a246f0-4e4a-424c-ab19-cdeef059e05e) required). 

{% hint style="success" %}
We think it's a bad idea to tell you exactly what colors to use for every possible situation. Instead, we want to empower you to make your own design decisions. That's why it's important that you read through and understand our [color guidelines](https://design.novacura.com/color-guidelines) before starting to use our color palette. You'll also find complementing text alongside the color swatches (inside Lingo), make sure to read those as well!
{% endhint %}

{% hint style="danger" %}
**Can't sign in to Lingo?** You don't use your Active Directory account to sign in to Lingo. Instead, use these [credentials](https://teams.microsoft.com/l/entity/com.microsoft.teamspace.tab.wiki/tab::2eb45d6d-0309-4be2-9868-727ab7cd29cb?context=%7B%22subEntityId%22%3A%22%7B%5C%22pageId%5C%22%3A25%2C%5C%22sectionId%5C%22%3A48%2C%5C%22origin%5C%22%3A2%7D%22%2C%22channelId%22%3A%2219%3A16ad42f450364856b23dfa12f336c027%40thread.skype%22%7D\&tenantId=64a246f0-4e4a-424c-ab19-cdeef059e05e)!
{% endhint %}

{% embed url="<https://www.lingoapp.com/99892/k/Color-Palette-R2e1JM>" %}
Our icon library can be found on Lingo.
{% endembed %}

## Why so many similar colors?

You might be surprised to find a lot of colors of similar hue in our color palette. The reason is that we need a lot of colors (even colors with similar hue) unless we want our UI to look something like this.

![Design good UI with few colors is nearly impossible.](https://2373839548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrjNECN6vUgfxy5wGJD%2F-Lumrod3RFgziXwRKM77%2F-Lumwq_O1H6bluTHIht5%2FfewColors.png?alt=media\&token=6be9c889-51cd-4ac3-90dd-44b5f3f9f9ed)

Each color in our palette has a variety of lighter and darker shades that you can choose from. Applying colors wisely with different shades, we might end up with something like this instead. Much better!

![Using different shades, we end up with a more pleasing result.](https://2373839548-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrjNECN6vUgfxy5wGJD%2F-Lumrod3RFgziXwRKM77%2F-LumwuGtfB2-alm1t6SN%2FmanyColors.png?alt=media\&token=787b8206-f8e3-4986-ba40-7a039b05be69)

##