Color plays a crucial role in how users perceive and interact with your project. The Color Palette feature gives you complete control over the Payment Reminder’s visual design, allowing you to customize colors for various UI components. A well-structured color scheme enhances user experience, reinforces branding, and ensures clear readability of important financial information.
Choosing Colors
While customizing your colors, you have multiple options:
Scroll the Color Bar: This lets you manually browse and select the right shade from a color spectrum.
Use Color Input Fields: If you prefer precision, you can enter exact color values using one of these formats
RGB (Red, Green, Blue)
Enter numeric values (0-255) for each color component. For Example - (255, 87, 51) for bright orange.
HEX Code
A six-character alphanumeric code prefixed with #, representing the RGB values. For Example - #FF5733.
HSV (Hue, Saturation, Value)
Adjust the color's intensity by modifying its hue, saturation, and brightness.
Hue (H): Represents the color itself, ranging from 0 to 360 degrees, where 0° is red, 120° is green, and 240° is blue.
Saturation (S): Determines the purity or intensity of the color, ranging from 0% to 100%. 0% saturation is grayscale, while 100% is the most vibrant color.
Value (V): Represents the brightness or lightness of the color, also ranging from 0% to 100%. 0% value is black, and 100% is the brightest.
For Example - (H=60°, S=50%, V=80%) This HSV value represents a moderately saturated, fairly bright shade of yellow.
.gif?sv=2026-02-06&spr=https&st=2026-07-22T09%3A54%3A52Z&se=2026-07-22T10%3A06%3A52Z&sr=c&sp=r&sig=te9D027BzAjs4%2F4Ul0a7SInZ4towqXgWSZ8tLXIKOCk%3D)
Main Colors
The Main Colors section defines the core brand colors used throughout the microsite. These colors form the foundation for all style configurations.
Primary - The main brand color used for prominent elements and emphasis.
Secondary - A supporting color used alongside the primary color.
Neutral - Used for backgrounds, borders, and non‑emphasized elements to maintain visual balance.
Microsite Styles
The Microsite Styles section applies colors to specific components within the subscriber‑facing microsite.
Page Main Colors - Controls the global background and primary page colors.
Insight - Defines the container and highlight colors used for the Insight Message.
Account Summary - Sets colors for account status indicators and summary elements.
Pay Options - Controls the appearance of primary and secondary Pay buttons.
Informational Cards - Defines the color styles used for informational cards displayed on the microsite.
Payments Styles
The Payments Styles section controls the appearance of payment‑related pages and components.
Page Main Colors - Sets background and base colors for payment pages.
Plan Cards - Controls background and text colors for payment plan cards.
Feedback Messages - Defines colors for confirmation and error messages displayed during the payment flow.
Preview and Consistency
All color changes are reflected in the Preview pane, allowing you to review updates in real time before publishing. Using the three color sections together helps ensure a consistent, accessible, and branded experience across both the microsite and payment flows.