Colors & Branding
Customize every color in your timer to match your brand identity. Access color settings in the Design tab under "Colors."
Color Properties
Background
The main background color of your timer. Supports solid colors, gradients, and transparency.
Text
The color of the countdown numbers (days, hours, minutes, seconds).
Labels
The color of the unit labels ("Days," "Hours," etc.). Usually a softer shade of the text color.
Accent
Used for separators, borders, and highlights. This is often your brand's primary color.
Using the Color Picker
Click any color swatch to open the color picker. You can:
- • Pick visually from the gradient selector
- • Enter hex codes like #FF6B6B
- • Use RGB/HSL values for precise control
- • Adjust opacity for transparency effects
Transparent Backgrounds
For timers that overlay on images or colored backgrounds, use transparency:
- 1. Click the background color swatch
- 2. Adjust the opacity slider (A value)
- 3. Set to 0% for fully transparent
- 4. Preview on different backgrounds
Note: Transparency works in emails but may not display in all email client image previews.
Matching Your Brand
Quick Tips
- ✓Use your brand's primary color as the accent
- ✓Match background to your email template's background
- ✓Ensure high contrast between text and background (4.5:1 minimum)
- ✓Test on both light and dark email backgrounds