Bloss Docs

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.

Brand admins

SettingsCustomization 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.

Open Settings › Customization

Brand appearance card with a logo, the preset grid with Ocean selected, and the core identity tokens
  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

Start from a preset

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

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.

Save

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

The 12 presets

PresetLook
BlossBloss sky blue with playful expressive accents.
EvergreenFresh green system for community-led brands.
OceanDeep teal and sea blue for modern creator programs.
SunsetWarm ember tones for energetic campaigns.
MidnightDeep indigo with soft luminous highlights.
Gold RushBurnished amber styling for performance-first brands.
AuroraElectric teal and mint for bright, modern programs.
OrchidRich magenta tones with a polished editorial feel.
ArcticCool blue system with crisp, high-clarity contrast.
RosewoodRose and copper for premium, lifestyle-first brands.
CitrusLime-forward energy with sharp campaign contrast.
GraphiteQuiet neutral foundation with vivid cobalt highlights.

Bloss is the default.

The tokens

GroupColorsUsed for
Core identity tokensPrimary, Accent, SecondaryPrimary actions, softer highlights and deeper supporting surfaces across the workspace.
Chart paletteChart 1 to Chart 5Charts, comparisons and other data-heavy views in the brand workspace.

Dark mode shades are worked out from your colors automatically.

Was this page helpful?

Last reviewed Oct 13, 2026

Was this page helpful?

Use this page with AI

View as MarkdownAsk ChatGPTAsk Claude

On this page