Accent Color
The most chromatic, attention-commanding color in a palette — used sparingly for primary actions, links, and focus indicators.
What it means
An accent color is the standout hue in your palette. It appears on buttons, links, active states, toggle switches, and focus rings — elements that need to draw the eye. The power of an accent comes from scarcity: if everything is the accent color, nothing is.
Most interfaces use one primary accent and optionally a secondary accent for less-critical interactive elements. The accent should have high enough chroma to stand out against neutral surfaces but not so much that it fatigues the eye.
Why it matters in palette design
The accent color is where brand identity meets interaction design. It's simultaneously your most visible brand signal and your primary wayfinding tool for interactive elements. Choosing the right accent — and applying it consistently — is one of the highest-leverage palette decisions.
Example
GitHub uses a blue accent (#0969DA) for links, buttons, and focus rings against a neutral gray interface. The accent appears only on interactive elements, so users learn to associate blue with "clickable" — a strong affordance signal.
Learn more
Apply this to your palette
Open PerfectPalette and put these concepts into practice with your own colors.