# Customization (/docs/brands/settings/customization)

Give your brand's workspace its own logo and colors — upload a logo, start from one of 12 theme presets, and fine-tune the identity and chart colors.

<UiPath>Settings › Customization</UiPath> sets your brand's logo and colors.
They're shown across the brand admin console and the creator portal. A live
preview updates while you edit.

<OpenInBloss to="admin/settings?tab=customization">
  Open Settings › Customization
</OpenInBloss>

<Screenshot name="brands/customization" alt={"Brand appearance card with a logo, the preset grid with Ocean selected, and the core identity tokens"} />

## Upload a logo [#upload-a-logo]

1. Click **Select Logo File** (or **Choose New Logo** to replace one).
2. Pick a square image: **JPEG**, **PNG** or **WebP**, up to **5 MB**.

The logo uploads straight away. Without one, Bloss shows your brand's initials. **Remove Logo** goes back to the initials. Replacing the logo keeps your saved colors.

## Choose a theme [#choose-a-theme]

<Steps>
<Step>

### Start from a preset [#start-from-a-preset]

Under **Preset starting points**, pick a preset to fill in every color.

</Step>
<Step>

### Fine-tune the colors [#fine-tune-the-colors]

Adjust the **Core identity tokens** and the **Chart palette**. Every value is a full 6-digit hex code, such as `#16A34A`. Once your edits no longer match a preset, the **Custom** card is selected.

</Step>
<Step>

### Save [#save]

Click **Save Brand Theme**. Until you save, the status reads **Unsaved theme changes** and only the preview shows your draft.

</Step>
</Steps>

### The 12 presets [#the-12-presets]

| Preset        | Look                                                   |
| ------------- | ------------------------------------------------------ |
| **Bloss**     | Bloss sky blue with playful expressive accents.        |
| **Evergreen** | Fresh green system for community-led brands.           |
| **Ocean**     | Deep teal and sea blue for modern creator programs.    |
| **Sunset**    | Warm ember tones for energetic campaigns.              |
| **Midnight**  | Deep indigo with soft luminous highlights.             |
| **Gold Rush** | Burnished amber styling for performance-first brands.  |
| **Aurora**    | Electric teal and mint for bright, modern programs.    |
| **Orchid**    | Rich magenta tones with a polished editorial feel.     |
| **Arctic**    | Cool blue system with crisp, high-clarity contrast.    |
| **Rosewood**  | Rose and copper for premium, lifestyle-first brands.   |
| **Citrus**    | Lime-forward energy with sharp campaign contrast.      |
| **Graphite**  | Quiet neutral foundation with vivid cobalt highlights. |

**Bloss** is the default.

### The tokens [#the-tokens]

| Group                    | Colors                                 | Used for                                                                                |
| ------------------------ | -------------------------------------- | --------------------------------------------------------------------------------------- |
| **Core identity tokens** | **Primary**, **Accent**, **Secondary** | Primary actions, softer highlights and deeper supporting surfaces across the workspace. |
| **Chart palette**        | **Chart 1** to **Chart 5**             | Charts, comparisons and other data-heavy views in the brand workspace.                  |

Dark mode shades are worked out from your colors automatically.

## Related [#related]

<Cards>
  <Card title="Creator Hub" href="/docs/brands/insights/creator-hub">

    Where creators see your brand's stats.

</Card>
  <Card title="Agency settings" href="/docs/agencies/agency-settings">

    Your agency's own name and logo.

</Card>
</Cards>