All the colors used in OfferPad digital branding.
OfferPad uses complementary orange and teal colors to represent the brand in digital contexts.
Brand-related fills (do not use as a text color or as background color for text)
Brand-related text and backgrounds; emphasis; calls to action
Headlines; alternate link colors; iconography; some backgrounds; other accents
Blue is used for helping the user understand common interactive elements.
Link colors
Focus and other subtle UI contexts
This palette is used for most backgrounds, borders, and text colors.
Shadows, accents for dark contexts
Main text color; dark backgrounds
Muted and placeholder text
Fill for subtle elements; accents; neutral alerts
Borders; tertiary background color
Secondary background color
Primary background color; text color in dark contexts
This is a Bootstrap-inspired color theme for UI elements (buttons, links, etc.) using an established hierarchy of colors based on the colors above, as well as the Bootstrap state colors.
Most buttons and links
Call-to-action buttons
Neutral informational alerts and subtle buttons
Positive alerts
Important alerts
Urgent alerts that require immediate action