You're viewing **Apigee Edge** documentation.  
[Go to the
**Apigee X** documentation](http://cloud.google.com/apigee/docs/api-platform/get-started/enable-apis). info

In this step, you will customize the color palette. The style changes you make in this step will affect the top and bottom navigation bars, buttons, and terminal (code) font in the sample portal.

**To customize the color palette**:

1. On the portal landing page, click **Theme** to navigate to the Theme editor.  
   ![Click Theme to view the Theme editor](https://docs.apigee.com/static/api-platform/tutorials/portal/images/getstarted-theme.png)
2. In the **Basic Styles** pane:
   - Set the **Primary color** to **Blue Grey** to adjust the color of toolbars, card headers, and buttons.
   - Set the **Accent color** to **Cyan** to adjust the color of `<pre>` and `<code>` text.  

     ![color palette changes in sample portal](https://docs.apigee.com/static/api-platform/tutorials/portal/images/getstarted-color-palette.png)
3. Click **Save**.
4. View your changes in the preview pane or click **Preview** to preview the portal changes in a new browser tab.
5. Click **Publish** to publish the change to your portal. Confirm the operation when prompted.
6. Click **View Portal** to open the live portal in a new browser tab.

Next, you'll **customize the logo** in the portal.

<br />

### Next step

<br />

<br />

[Step 1](https://docs.apigee.com/api-platform/tutorials/portal/create-portal)
[Step 2](https://docs.apigee.com/api-platform/tutorials/portal/customize-color-palette)
[Step 3: Customize the logo](https://docs.apigee.com/api-platform/tutorials/portal/customize-logo)
[Step 4](https://docs.apigee.com/api-platform/tutorials/portal/edit-page)
[Step 5](https://docs.apigee.com/api-platform/tutorials/portal/set-up-navigation)
[Step 6](https://docs.apigee.com/api-platform/tutorials/portal/publish-api)

<br />