> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.co-din.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How can I change the chatbox color?Using a custom color code

Articles on: [Customization](/en/category/customization-3552r2/)

Crisp allows you to chose the color of your chatbox in a large set of predefined colors. Those colors match deliciously the overall look of the chatbox and allow you to adapt the chatbox to the design of your website.  
  
Changing the [color of the chatbox](https://crisp.chat/en/livechat/livechat-customization/) does not affect how the live chat works.  
  
![](https://storage.crisp.chat/users/helpdesk/website/4000db13b48e3400/4760bdc1-8726-4e6d-8df6-136a58_9pxvel.png)  
  
Here's how to proceed:  
  
*   Login to: https://app.crisp.chat/
  
*   Go to your website settings: click on the "Settings" icon on the left sidebar, then click on "Websites Settings" and select the target website in the list
  
*   Select Chatbox & Email settings
  
*   Go to chatbox appearance
  
*   Select your color in "Color Theme"
  
*   Your color is auto-saved
  
  
  
  
Using a custom color code is possible starting Crisp Pro using the customization plugin. Please check the following article to set this up: [How to customize my chatbox?](https://help.crisp.chat/en/article/how-to-customize-my-chatbox-1hj537j/)

Updated on: 13/06/2022