--- title: Create a theme using ServiceNow Otto description: Use ServiceNow Otto to generate themes from your brand image or brand guidelines. Color palettes are extracted automatically, producing visually consistent themes without requiring brand color codes. locale: en-US canonical_url: https://www.servicenow.com/docs/r/australia/platform-user-interface/create-theme-now-assist.html release: australia topic_type: task last_updated: "2026-03-12" reading_time_minutes: 3 breadcrumb: [Theme creation with AI, Configuring Next Experience with Theme Builder, Working with themes, Configure, Next Experience UI, Configure UIs and portals, Configure user experiences] --- # Create a theme using ServiceNow Otto Use ServiceNow Otto® to generate themes from your brand image or brand guidelines. Color palettes are extracted automatically, producing visually consistent themes without requiring brand color codes. ## Before you begin This feature requires: - The ServiceNow Otto for Creator application must be installed. See - A theme creation workflow enabled in AI Agent Studio. See [Turn on theme creation workflow for use in the ServiceNow Otto panel](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/turn-on-theme-creation-workflow.md). - The ServiceNow Otto® panel must be turned on. See [Activate the ServiceNow Otto panel standard chat](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/intelligent-experiences/activate-now-assist-panel.md). Role required: - ui\_builder\_admin - now\_assist\_panel\_user For information on granular roles, see . ## Procedure 1. Select the ServiceNow Otto® icon \[Omitted image "icon-now-assist.png"\] to display the ServiceNow Otto® panel. 2. In the chat window, enter `Create a theme`. The AI-enabled Theme Builder workflow starts. 3. Select **Yes** when prompted to proceed. 4. Select **Show** to open the theme creation wizard. \[Omitted image "tb-nap-show-button.png"\] Alt text: Theme Builder Show button highlighted. 5. Enter your theme name and a description, then select **Next**. 6. Choose how to define your theme colors. |Option|Action| |------|------| |**Upload brand image or brand guidelines PDF**|AI automatically extracts a color palette from your image or brand guidelines PDF.| |**Select __Handpick my colors__**|Manually choose your theme colors| \[Omitted image "tb-nap-wizard-flow-2-ap2.png"\] Alt text: Theme Creation wizard showing the option to upload an image or PDF file or handpick colors to generate a color palette. 7. If you chose to upload a brand image or brand guidelines file, generate your theme colors using AI. 1. Upload your brand image or brand guidelines file. Supported formats for image files are JPEG, JPG, PNG, and SVG with a maximum size of 20 MB. Supported formats for brand guidelines are PDF with a maximum size of 20 MB. \[Omitted image "tb-nap-wizard-upload-image.png"\] Alt text: Theme Creation wizard showing a brand image uploaded to generate a color palette using AI. 2. Select **Generate Palette**. 3. Review the AI‑generated primary and secondary colors, then use the simplified preview to see where the colors appear in your instance. 4. Modify the palette by selecting either the Primary or Secondary tile and select the **add \(+\)** button or choose from the AI-generated supporting colors. **Note:** The AI detects up to eight colors from your image, with the two most dominant pre-selected as the primary and secondary. Any additional detected colors are suggested as available options that you can swap in as needed. \[Omitted image "tb-nap-wizard-flow-manage-colors.png"\] Alt text: Theme Creation wizard showing primary and secondary colors with a color selector for adjusting the primary palette. 5. Choose a new color from the color selector and select **Apply**. 6. Select **back** to return and choose a different image or to handpick your colors. 7. Select **Next**. 8. If you selected **Handpick my colors**, define your theme colors manually. 1. Select the Primary tile and choose your brand's primary color from the color selector or enter a value using HEX, RGB, or HSL. \[Omitted image "tb-select-primary-color.png"\] Alt text: Your brand's primary color 2. After you identify the primary color of your brand, select **Apply**. 3. Select the Secondary tile and choose your brand's secondary color from the color selector. 4. Select **Apply**. 5. Select **Generate with AI instead** to return to the AI-generated palette step. 6. Select **Next**. 9. Upload your brand logo, confirm it appears correctly in the preview, and select **Next**. If you don't add a logo, the ServiceNow logo is used. 10. Select the preferred font for your text and select **Next**. 11. Select the corner shape of your components in the interface, such as the buttons, modals, and drop-down menus, and select **Next**. 12. Review your selections and make any changes, if needed. \[Omitted image "tb-nap-wizard-flow-summary.png"\] Alt text: Final review screen showing theme information, brand colors, and a preview before creating the theme. 13. Select **Create theme**. **Note:** Themes aren't saved until **Create theme** is selected. Leaving the chat or restarting the workflow discards the theme. 14. Select **Personalize your theme** to customize or publish your theme from Theme Builder. ## Result Your theme is saved as a draft in Theme Builder and appears in the Unpublished section of the Manager page. ## What to do next Customize and publish your theme in Theme Builder. See [Manage or edit a theme with Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/tb-edit-theme.md) and [Publish your themes with Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/tb-apply-theme.md). **Parent Topic:**[Theme creation with AI](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/theme-creation-with-ai.md)