See the color relationship
Explore a different direction
Your colors, in context
Assign a role. See it take shape.
Interface previewLight theme
Forma
OverviewProjects
JDA space for your next ideaMake something
Make something
worth sharing.
A thoughtful starting point for your next project.
In progress
The everyday collection
Small details. A fresh perspective.
Design system8 components
Every interaction, considered
Inspect the states your components need.
Disabled controls are shown for appearance; WCAG text-contrast minimums do not apply to inactive controls.
Customize state colors
Editing light states
Make every word readable
Check a color pair before it becomes a design decision.
AaThe details make the difference.
Normal text: AA ≥ 4.5:1, AAA ≥ 7:1. Large text: AA ≥ 3:1 (24px regular or 18.67px bold). Results check solid-color contrast, not overall accessibility.
In your preview
Checks update as you edit the current theme.
Ready for your next project