Earth, Air, Fire, Water Plus

Preview in context

See this palette on real design layouts

Check contrast

Test color pairs against WCAG ratios

Map tokens

Assign colors to semantic design roles

Simulate vision

Preview under color blindness conditions

Audit accessibility

Evaluate every pairing for WCAG compliance