# Color palette

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

The **Color Palette** section allows you to display multiple color options in a clean and stylish layout. This section is perfect for showcasing **product color variants**, **theme mood options**, or **seasonal palettes** to engage customers visually.

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td><p><strong>Text</strong> <br>Enter text to display as a title in the section.</p><p></p><p><strong>Position</strong></p><p>Customization of the "Heading position" in this section is as follows:</p><ul><li>Top</li><li>Beside</li></ul></td></tr><tr><td>Content details</td><td><p><strong>Alignment</strong> </p><p>Customization of "Text alignment" as follows:</p><ul><li>Left</li><li>Center</li></ul><p></p><p><strong>Formatting</strong> </p><p>Choose the text style for the heading:</p><ul><li>Default</li></ul><ul><li>Lowercase</li></ul><ul><li>Capitalize</li></ul><ul><li>Uppercase</li></ul></td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr><tr><td>Enable separator</td><td>Enable this to show section separator.</td></tr><tr><td>Outer space</td><td><p><strong>Top space</strong> </p><p>Add extra space (in pixels) <strong>above the section</strong> to control its placement on the page. </p><p></p><p><strong>Bottom space</strong> </p><p>Add space <strong>below the section</strong> to create proper spacing between sections.</p></td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2Fvfkq863YTDJEYqJpyGPi%2Fcolor-pallate.png?alt=media&#x26;token=f91fe81f-7ab2-42fc-a025-6e32b2e85b56" alt=""><figcaption></figcaption></figure>

## Add Color Pills&#x20;

To add color pills to the color palette section, click on the 'Color pills'. There are many options available similar to the color pills, as you can see in the below points and screenshot:

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Color</td><td>Choose the <strong>color</strong> you want to display for this pill. This is usually shown as a colored circle or block within the section.</td></tr><tr><td>Image</td><td>Optionally, you can upload an <strong>image</strong> related to the color.</td></tr><tr><td>Title</td><td>Add a <strong>name or label</strong> for the color pill.</td></tr><tr><td>Link</td><td>Add a <strong>URL or page link</strong> to redirect users when they click on the pill.</td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FwirVXLROxiv36SvTrCQj%2FColor-palette-block.png?alt=media&#x26;token=08f31129-9c0d-4aff-87bd-49b4d2fb3939" alt=""><figcaption></figcaption></figure>
