---
title: Change Your App’s Colors
description: Set your app's brand color in Passion Studio.
---

[Skip to content](https://help.passion.io/hc/en-us/articles/360017556758-how-to-use-the-theme-section#main-content)

<https://help.passion.io/hc/en-us/kb-tickets/new?hsLang=en>

[![Full Passion.io logo (white)](https://help.passion.io/hs-fs/hubfs/Full%20Passion.io%20logo%20(white).png?width=185&height=50&name=Full%20Passion.io%20logo%20(white).png)](https://passion.io/)

Open main navigation

Close main navigation

- <https://help.passion.io/hc/en-us/kb-tickets/new>
- [Contact us](https://help.passion.io/hc/en-us/kb-tickets/new)

[Contact us](https://help.passion.io/hc/en-us/kb-tickets/new?hsLang=en)

 👋 How can we help you today?

- There are no suggestions because the search field is empty.

1. [Help Center](https://help.passion.io/hc/en-us?hsLang=en)
2. [Create & Customize your App](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en)
3. [🎨 Design & Branding](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en#design-branding)

September 9, 2026

# Change Your App’s Colors

## Set your app's brand color in Passion Studio.

### In This Article

> **[Change your app's colors](https://help.passion.io/hc/en-us/articles/360017556758-how-to-use-the-theme-section#T1)**
> 
> **[App colors guide](https://help.passion.io/hc/en-us/articles/360017556758-how-to-use-the-theme-section#T2)**

#### Change your app’s colors

You can manage your app’s style from Studio: 

👉 Make sure you’re logged in with your Passion account.

1. Go to **Design → Look & brand → Colors**.
2. Set your **brand color**.
3. Click **Reset to default** to revert.

Passion Studio has simplified color customization: instead of setting each element (Primary, Secondary background, Caption, Divider, Text, Button text) separately, you now set one **brand color** and Studio generates the rest of the palette (Primary, Text, Card surface, Border, AI gradient tint) from it automatically.

⚠️ Exiting the theme editor without saving will result in lost changes.

✨ **Good to know:** You can change your theme colors anytime — there’s no limit to how often you update them.

#### App Colors Guide

The detailed, element-by-element color guide that used to live here (separate Primary, Secondary background, Caption, Divider, Text, and Button text settings) described the pre-Studio theme editor and no longer matches the product — those individual controls don't exist anymore.

---

✨ **Good to know:** You can also change fonts. Passion offers six font styles to match your brand. Learn how to change fonts here.

See “App Name, URL and Icon Customization” for the current logo and app icon upload sizes.

---

💡 **Pro tip:** Keep your color scheme consistent with your brand — it builds trust and makes your app feel polished and professional.

- [Getting Started](https://help.passion.io/hc/en-us/getting-started?hsLang=en#main-content)

    - [🎬 Start Here](https://help.passion.io/hc/en-us/getting-started?hsLang=en#start-here)
    - [⚙️ App Basics](https://help.passion.io/hc/en-us/getting-started?hsLang=en#%EF%B8%8F-app-basics)
    - [🙌 PassionFighters Community](https://help.passion.io/hc/en-us/getting-started?hsLang=en#passionfighters-community)
    - [❓ FAQs](https://help.passion.io/hc/en-us/getting-started?hsLang=en#faqs)
- [Create & Customize your App](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en#main-content)

    - [🎨 Design & Branding](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en#design-branding)
    - [📚 Product Structure](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en#product-structure)
    - [📖 Building Content](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en#building-content)
    - [🧱 Lesson Widgets](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en#lesson-widgets)
    - [✨ AI Features](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en#ai-features)
    - [👤 User Onboarding](https://help.passion.io/hc/en-us/create-customize-your-app?hsLang=en#user-onboarding)
- [Manage & Engage Your Users](https://help.passion.io/hc/en-us/manage-engage-your-users?hsLang=en#main-content)

    - [📱 User Management](https://help.passion.io/hc/en-us/manage-engage-your-users?hsLang=en#user-management)
    - [👥 Community Building](https://help.passion.io/hc/en-us/manage-engage-your-users?hsLang=en#community-building)
    - [📺 Live Content & Streaming](https://help.passion.io/hc/en-us/manage-engage-your-users?hsLang=en#live-content-streaming)
    - [🔔 Engagement & Notifications](https://help.passion.io/hc/en-us/manage-engage-your-users?hsLang=en#engagement-notifications)
    - [📊 User Analytics & Progress](https://help.passion.io/hc/en-us/manage-engage-your-users?hsLang=en#user-analytics-progress)
- [Grow Your Business](https://help.passion.io/hc/en-us/grow-your-business?hsLang=en#main-content)

    - [💰 Revenue Management](https://help.passion.io/hc/en-us/grow-your-business?hsLang=en#revenue-management)
    - [⚡ Zapier Automations](https://help.passion.io/hc/en-us/grow-your-business?hsLang=en#zapier-automations)
    - [🔌 Integrations](https://help.passion.io/hc/en-us/grow-your-business?hsLang=en#integrations)
    - [📈 Marketing & Acquisition](https://help.passion.io/hc/en-us/grow-your-business?hsLang=en#marketing-acquisition)
- [App Store Listing](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#main-content)

    - [⚙️ Start Here](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#%EF%B8%8F-start-here)
    - [🍎 Apple App Store](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#apple-app-store)
    - [🤖 Google Play Store](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#google-play-store)
    - [🔧 Developer Account Setup](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#developer-account-setup)
    - [Google Developer Account Setup](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#google-developer-account-setup)
    - [💰 Monetization & Pricing](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#monetization-pricing)
    - [📋 Platform Policies](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#platform-policies)
    - [🔍 App Store Visibility](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#app-store-visibility)
    - [❓ Troubleshooting](https://help.passion.io/hc/en-us/app-store-listing?hsLang=en#troubleshooting)
- [Troubleshooting](https://help.passion.io/hc/en-us/troubleshooting?hsLang=en#main-content)

    - [🖥️ Technical Issues](https://help.passion.io/hc/en-us/troubleshooting?hsLang=en#%EF%B8%8F-technical-issues)
    - [🎬 Media & Content Troubleshooting](https://help.passion.io/hc/en-us/troubleshooting?hsLang=en#media-content-troubleshooting)
    - [💬 Other](https://help.passion.io/hc/en-us/troubleshooting?hsLang=en#other)
- [Product Updates](https://help.passion.io/hc/en-us/product-updates?hsLang=en#main-content)

    - [💫 Improvements](https://help.passion.io/hc/en-us/product-updates?hsLang=en#improvements)
    - [⭐ New](https://help.passion.io/hc/en-us/product-updates?hsLang=en#new)
- [Account & Subscription Management](https://help.passion.io/hc/en-us/account-subscription-management?hsLang=en#main-content)

    - [👤 Account Management](https://help.passion.io/hc/en-us/account-subscription-management?hsLang=en#account-management)
    - [🔄 Subscription Management](https://help.passion.io/hc/en-us/account-subscription-management?hsLang=en#subscription-management)
    - [🤝 Referral Programs](https://help.passion.io/hc/en-us/account-subscription-management?hsLang=en#referral-programs)
- [Passion Funnels](https://help.passion.io/hc/en-us/passion-funnels?hsLang=en)
- [Your Users Experience](https://help.passion.io/hc/en-us/your-users-experience?hsLang=en)

[![Passion.io logo with pink rounded square icon containing white 'P' and black text reading 'Passion.io'](https://help.passion.io/hs-fs/hubfs/Passion.io%20in%20rounded%20rectangle.png?width=286&height=100&name=Passion.io%20in%20rounded%20rectangle.png "Passion.io logo with pink rounded square icon containing white 'P' and black text reading 'Passion.io'")](https://passion.io/)

<https://www.facebook.com/groups/2035741163136080> <https://twitter.com/i/flow/login?redirect_after_login=%2Fpassion_io> <https://www.instagram.com/passion_io/?hl=en> <https://podcasts.apple.com/us/podcast/million-dollar-creators/id1716703170> [mailto:instructor@passion.io](mailto:instructor@passion.io) <https://www.linkedin.com/company/passion.io/>

Copyright © 2026, Passion.io | A service powered by Independence284, Inc.