> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/tailwind/getting-started/automatically-sync/colours.md).

# Colours

Cwicly colours are automatically synced with Tailwind.&#x20;

Any colour or palette created within Cwicly will display in the colour selector.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2Fr2WgahciiI8kn751KnB2%2Fcolours%20tailwind.png?alt=media&amp;token=6e5d2291-de62-438a-818d-32ba831d1da8" alt=""><figcaption></figcaption></figure>

## Apply solid colour

You can apply a solid colour to a block using Tailwind classes.

* Select required block.
* Open the Cwicly colour picker and select the desired colour.&#x20;

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FEAM6JE7IgtFrzafVAVl9%2Fblock%20colour.png?alt=media&amp;token=0ac297ac-8f69-486d-be8d-7e2fef63a6c0" alt=""><figcaption></figcaption></figure>

## Apply transparency

You can apply a transparency to a block using Tailwind classes.

* Select required block.
* Open the Cwicly colour picker.
* Hover over the desired solid colour and find its corresponding opacity in the opacity palette.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FEIblJjbxYN2d8c8TaO4E%2Ftransparency.png?alt=media&amp;token=aab4854a-27cb-4ae0-b92d-5171d8811c9d" alt=""><figcaption></figcaption></figure>
