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

# Colour Palette

Below are the colors that form the foundation of Trybit's visual identity and should be used in accordance with the brand guide to maintain brand consistency and recognition.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2F8DI9uDJtQPcKTgAETUN8%2FLight%20Back.png?alt=media&amp;token=01a54055-c208-4d2a-8b8d-45e96da16ff6" alt=""><figcaption><p>#F5F6FC </p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FHRsTmeGAGsCoD1sdJQ27%2FAccent%20%D1%81olour.png?alt=media&amp;token=01426f87-790c-4507-baaf-f3d2591d90ff" alt=""><figcaption><p>#FF9924</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FLXn4fx8PzPJFnd1c4eOI%2FMain%20%D1%81olour.png?alt=media&amp;token=93eb7f3e-dcc7-4f59-a226-a71c35077569" alt=""><figcaption><p>#5831EB</p></figcaption></figure></div>

* Light grey: #F5F6FC. This shade of grey is used for light backgrounds.
* Orange: #FF9924. This accent color is used to draw attention to important graphic elements.
* Purple: #5831EB. Used as the dominant color in the brand palette, symbolizing reliability and technology. Applied in the logo, icons, and as a background colour across various brand materials.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FLTsx4zu1oGwxV5x4MypN%2FFirst%20linear.png?alt=media&amp;token=895f95ce-afea-4142-9657-bc434e520982" alt=""><figcaption><p>Gradient from #6232FF to #372DB0</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FaCxvLmcUXbGS5qxWvemt%2FDark-blue%20%D1%81olour.png?alt=media&amp;token=3585d302-35e9-41f1-a08c-3ab7143262ee" alt=""><figcaption><p>#02006A </p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FSeV3IBFIp3EuO8G6CM6i%2FBlack%20%D1%81olour.png?alt=media&amp;token=78c0a13f-1691-4efb-835c-e6a2316bb97e" alt=""><figcaption><p>#01003C</p></figcaption></figure></div>

* Linear gradient: from #6232FF to #372DB0. This gradient adds dynamism and depth to the brand's visual elements, including web elements and advertising banners.
* Dark blue: #02006A. Used for additional contrast and depth; it can serve as a background or to accentuate important elements.
* Deep dark blue: #01003C. This shade of blue is used for text and as the main colour for monochrome versions of the logo, as well as to ensure contrast on light backgrounds.