Learner worksheet

Color Role and Contrast Sheet

A color role and contrast sheet for assigning color meaning, checking accessibility, reviewing states, and making one disciplined color decision.

Output standard

A role-based color audit with contrast checks, state notes, and one evidence-backed color decision.

Use when

Use in the color lesson before accepting a palette or AI-generated color treatment.

Related sessions

Session 06Color: Roles, Contrast, State, Accessibility, and TrustColor role and contrast sheet with palette roles, state meanings, accessibility checks, AI critique, and one color decision

Worksheet fields

Use this when color needs to be evaluated by meaning and access, not taste alone.

Fields to complete

Screen or UI sample
Sampled colors
Primary, secondary, surface, text, border, and semantic roles
Error, warning, success, selected, disabled, and focus states
Foreground/background contrast checks
Color-only meaning risks
Brand mood notes
AI critique to accept/adapt/reject
Color decision sentence

Quality check

The sheet should prove what each color does and whether users can read it.

Check before accepting

Colors are named by role.
Important text/background pairs are checked.
State colors are consistent.
Meaning is not communicated by color alone.
The final decision includes product reason.

Starter prompt

Use this prompt after the learner has sampled colors from the screen.

Starter prompt

I am learning color for product interfaces.

Screen or rough UI:
[describe the screen or paste a screenshot description]

Please review the color system in practical design language.
Return:
1. Color roles: primary, secondary, surface, text, border, state, success, warning, error, and disabled.
2. Meaning: what each important color is communicating.
3. Contrast: text/background combinations that may fail or feel weak.
4. State clarity: whether actions, errors, success, warnings, links, and disabled states are clear.
5. Accessibility risk: where meaning depends on color alone.
6. Brand versus usability: where mood helps or hurts the task.
7. Palette discipline: which colors should be removed, renamed, or assigned a clearer role.
8. AI risk: where a generated palette may look attractive but fail the product task.
9. One improvement: the first color decision I should make and why.

Rules:
- Do not judge color only by taste.
- Do not suggest a large palette.
- Include contrast and state communication.
- Mark assumptions clearly.
- Finish with one color decision sentence.