The core brand colors used for primary actions, active states, and key visual elements to ensure brand recognition.
Color is the most immediate way to convey brand personality and guide user attention. A defined primary palette ensures that the most important actions are instantly recognizable and that the product feels cohesive.
The main brand color. Used for primary buttons, links, and active states. Defines the overall look and feel.
A supporting color. Used for illustrations, variety, and secondary states. Complements the primary color.
A high-contrast accent. Used for priority alerts and calls to action that need to stand out.
See how your selected colors apply to standard UI components in real-time.
This sample card demonstrates how your selected colors work together in a layout context.
Ensure all text on primary colors meets WCAG AA standards (4.5:1).
Define hover, active, and disabled states for each primary color.
Use the primary color sparingly (approx 10-30%) to draw attention, not overwhelm.