Branding
The Branding section lets you define the colors and logo that appear across your Caramel surfaces โ forms and marketing messages all draw from these settings.
Navigate to Settings โ Branding or go to ?section=branding.
Brand colors
Section titled โBrand colorsโYou have four color slots. Click the color swatch to open your browserโs color picker, or type a hex value directly into the text field.
| Slot | Used for |
|---|---|
| Brand color | Primary accent color โ buttons, highlights, and key UI elements |
| Primary color | Secondary surfaces and supporting elements |
| Secondary color | Background fills and subtle accents |
| Accent color | Call-to-action emphasis and interactive states |
Click Save changes after adjusting colors. The preview in the color picker updates in real time, but the change only takes effect once saved.
Tip: For the best contrast on forms, use your main brand color in the Brand color slot and choose a lighter or neutral tone for the Secondary color slot.
The logo upload card sits below the color pickers on the same Branding page.
Supported formats: PNG, JPG, SVG
Recommended size: 400 ร 400 px minimum, square or landscape
Click Upload logo, select your file, and the preview updates immediately. The logo is used in:
- Email campaign headers
- Your public-facing forms (where enabled)
To replace an existing logo, upload a new file โ the previous version is removed automatically.
Related
Section titled โRelatedโ- Business Profile โ business name, industry, and location
- Email & sender domain โ configure who your emails come from