Our modern and unified color palette builds brand equity while solving for accessibility, inclusion, and iteration within product and marketing experiences. The primary QuickBooks brand color palette and proportion are shown below.
Use color as a guide for the eye. Color isn’t just there to look pretty—it’s there to attract the eyes to the most important parts of a design.
When designing for digital or print, consider color contrast and accessibility. Don’t let poor color choices stand between your design’s message and a good user experience.
Colors have meaning
Colors have assigned roles, which hold a specific meaning based on how they function within the interface. Defined color roles make things easy to modify and customize later. They also have the same meaning across the color system to convey specific messages or feelings throughout all QuickBooks products.
Within the full QuickBooks color palette (shown below), there’s also a primary palette with specific proportion (shown above). When using color for marketing materials, use the primary color palette. The full color palette is reserved for illustrations, and should not be used for general marketing materials.
What not to do
Don’t create new colors.
Don’t let color impair readability.
Don’t manipulate the opacity of colors.
Do not use colors together that vibrate or have low contrast.
Don’t use QuickBooks green—it’s only reserved for the logo.
Don’t use colors that don’t pass WCAG 2.1 AA accessibility standards.
Color usage guidelines
We use our color palette differently in distinct channels to create more visual impact or to follow best practices for each channel.