# App name and launch screen

> This page is about FlutterFlow (the app builder you use by describing your app), not FlutterFlow Studio.

URL: https://docs.flutterflow.io/ffx/app-name

Change the name used in FlutterFlow, the name shown on phones, and your app's launch colors.

Set the name that your team sees in FlutterFlow, the name that users see on their phones, and your app's launch screen colors.

## Project name and App name {#project-name-and-app-name}

**Project name** identifies the app for your team inside FlutterFlow (which calls your app's workspace a project).

**App name** can be up to 30 characters and appears under the app icon on phones and in both stores. When **App name** is blank, FlutterFlow uses **Project name**, truncated to 30 characters in the stores if **Project name** is longer. Setting a separate **App name** lets you rename the project in FlutterFlow without changing the public name on phones.

## Rename the project {#rename-your-app-in-flutterflow}

To change **Project name**:

1. Open **Project Settings › General**.
2. In **Name**, enter the new name.
3. Click **Save name**.

Only an owner or a developer of the app can change its **Project name**.

## Name on phones {#set-the-name-shown-on-phones}

To change **App name**:

1. Open **Releases › Store listing › Name**.
2. In **App name**, enter the name.
3. Click **Save changes**.

Phones get the new name with your next version.

## Launch colors {#set-the-launch-colors}

The **Launch screen** section is in **Releases › Store listing › Name**. For the terms used in this section, see [share link](https://docs.flutterflow.io/ffx/glossary#share-link) and [thread](https://docs.flutterflow.io/ffx/glossary#thread) in the glossary.

Under **Launch screen**, **Light** sets the background of your app's share link page while the app loads, and on a computer it fills the area around the phone frame. **Dark mode** replaces it when a visitor's device uses dark mode, and browsers that tint their toolbar use the same colors. Phone builds, including store builds, may not show either color on a launch screen, but their app icon can use the **Light** color.

An app icon that follows your theme color uses **Light** only when **Light** has a hue. If **Light** is gray or near-gray (including black, white, or a new app's default dark gray), FlutterFlow picks a color for the icon. The **Dark mode** color never affects the icon. New phone builds use the updated icon, so the App Store and Google Play get it with your next release.

To make your icon follow your theme color, open **Releases › Store listing › App icon**, open **Color**, and pick the first swatch (or click **Follow theme** when shown). Click **Use this icon** to save your changes. While your own PNG is the icon, **Color** reads **Not used** and stays closed.

Changing either launch screen color leaves your app's screens unchanged; to recolor your screens, ask the agent in a thread. Asking the agent to change your brand or theme colors can also update **Light**. If nobody changes **Light** before your first version finishes, FlutterFlow can set it to the main color of your app's light theme.

To set the launch colors:

1. Open **Releases › Store listing › Name**.
2. Under **Launch screen**, select a color for **Light** and **Dark mode**.
3. Click **Save changes**.

## Where the name comes from {#how-your-app-gets-its-name}

When you create an app, FlutterFlow sets the initial **Project name** from the opening words of your [prompt](https://docs.flutterflow.io/ffx/glossary#brief), or uses **New app** if it can't derive one.

While the [first version](https://docs.flutterflow.io/ffx/glossary#first-version) builds and the thread page stays open, FlutterFlow replaces **Project name** with the name that it generates for your app. To choose your own name, [rename your app](#rename-your-app-in-flutterflow) after the first version finishes.

## Troubleshooting {#if-something-goes-wrong}

For help with your app's look, see [Troubleshoot your app's look](https://docs.flutterflow.io/ffx/troubleshoot-look). For help with **Releases**, see [Troubleshoot releases](https://docs.flutterflow.io/ffx/troubleshoot-releases).